【2/29まで】第一生命NEOBANKの口座開設して現金1,500円をゲットする方法

Firefox系ブラウザでアドオンなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法

firefox単体の機能でページ全体がキャプチャーできるから便利


最終更新 [2017年2月15日]

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//



< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


ブラウザ「firefox」でアドオン・プラグインなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法です。

自分が長いことお世話になっているブラウザ「firefox」はいつのバージョンからかアドオンなしでページ全体のスクリーンショット撮影ができるようになっています。
またPCでスマホ版のサイトのスクショもアドオンなしで撮影できます。

firefox純正の「開発ツール」の1機能としてページ全体のキャプチャーを撮ることができます。
昔はアドオンをインストールして…と面倒でしたがアドオンなしでいけるので便利です。

ということでfirefoxでアドオン・プラグインなしでページ全体&スマホ版サイトのスクショ撮影を行う方法を紹介します。
ちなみにfirefox系の派生ブラウザ(PalemoonやCyberfoxなど)でも同じことができます。


【firefox系ブラウザ】アドオン、プラグインなしでページ全体&スマホ版サイトのスクリーンショットを撮影する方法

開発ツールの1機能を使えばOK。最初だけ簡単な設定が必要

開発ツールの表示方法

firefoxの開発ツールは、メニューバー > ツール > ウェブ開発 > 開発ツールを表示で開きます。
ショートカットキーで起動する場合は「Ctrl+Shift+l」や「F12」などでOKです。
(他の開発ツールを入れているとショートカットキーだと干渉するかも)

初回のみ「ページ全体のスクリーンショット撮影」を有効にする

開発ツールが開いたら、右上の設定アイコンをクリックします。

いろいろとメニューが表示されます。
この中にある「ページ全体のスクリーンショットを撮影します」にチェックを入れます。
開発ツールのメニューの部分にカメラアイコンが表示されればOKです。
これだけで準備完了です。

PC上からスマホ版サイトのスクリーンショットを撮影したい場合は「レスポンシブデザインモード」にチェックを入れておきます。

ページ全体をキャプチャーしたいサイトを開いて撮影

ページ全体のスクリーンショットを撮影したいサイトを表示します。
今回はYahooを撮影させてもらいました。

Yahooにアクセス後、開発ツールを開きます。
開発ツールの上にあるカメラアイコンをクリックします。

ダウンロードの部分にページ全体のスクリーンショット画像が保存されればOKです。

PC版Yahooの全体のスクリーンショット↑
ちゃんとサイトの幅、長さに合わせたサイズのキャプチャー画像が出来上がります。


スマホ版サイトの全体のスクリーンショットを撮影する方法

スマホ版サイトのキャプチャー撮影もこのままできます。
撮影したいサイトを表示し、開発ツールを開きます。

「レスポンシブデザインモード」のアイコンをクリックします。

UAで判定しているサイトやスマホ版のURLが違うサイトはこの方法じゃダメ。UAの変更を。

Yahooの場合↑のようになってしまいます。。
レスポンシブデザインに対応してないサイトだとこれではダメでユーザーエージェントを切り替える必要があります。

ユーザーエージェントの変更は「カスタムユーザーエージェント」となっている部分にUAを入力すればOKです。

↑はUAをカスタムユーザーエージェントにiPhoneのUAを入力した状態。
ちゃんときれいに表示されました。
カスタムユーザーエージェントを入れた状態で一度ページを更新すれば↑のような表示になります。

サイトを表示させる幅などを選択し「カメラアイコン」をクリックすればスクリーンショットが撮影できます。

↑は320×480のサイズでスマホ版YahooをiPhoneのユーザーエージェントで表示した時のキャプチャー画像です。

このようにfirefox系のブラウザは、ページ全体やスマホ版のスクリーンショットをアドオンやプラグインなしで撮影することができます。
firefox系のブラウザでページのキャプチャーを保存したい人は↑の方法でどうぞ。

< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//




このFirefox系ブラウザでアドオンなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法の最終更新日は2017年2月15日です。
記事の内容に変化やご指摘がありましたら問い合わせフォームまたはusedoorのTwitterまたはusedoorのFacebookページよりご連絡ください。

現在開催中の「おトク」なキャンペーン、セール

【裏技?】ahamoを新規契約して10,000dポイントをもらう方法 – ドコモSIM単体契約⇒即ahamoへのプラン変更でポイントが付与された

携帯電話

ドコモのSIMを単体契約⇒即ahamoにプラン変更で10,000dポイントがもらえた!直接ahamoで契約するよりもかなりおトクに

【2024年2月】IIJmioで安くiPhoneやAndroidスマホを買う方法、割引対象機種まとめ – シェアNo.1記念キャンペーン スマホ大特価セールで一括110円~

セール

スマホ安売りでお馴染みのIIJmio恒例の『スマホ大特価セール』がシェアNo.1記念キャンペーンとして開催!今回も特にAndroidスマホが大幅割引で一括110円~と激安に

【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ

ショッピング

はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる!

【紹介コードあり】みんなの銀行アプリで口座開設して現金1,000円をゲットする方法

銀行

紹介コードを入力して口座開設すると、紹介する人・紹介された人それぞれに現金1,000円が貰える「お友だち紹介プログラム」キャンペーン開催中!

【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン(2024年2月)」でPayPayポイント500円相当をゲットする方法

キャンペーン

Yahoo!フリマ(旧PayPayフリマ)を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2024年3月31日まで


開催中のキャンペーンをもっと見る

usedoorの新着記事をチェック!

記事を書くヤル気が出るのでフォローよろしくお願いしますm(._.)m

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

【2024年2月】「アソビュー!」の割引クーポンをGETする方法&使い方 – アクティビティ体験がおトクになるクーポン・キャンペーンまとめ。ふるさと納税も

旅行・イベント

アクティビティ、イベント体験の「アソビュー!」で使えるおトクな割引クーポンコードをまとめています。キャンペーンに加え、ふるさと納税も登場

【2024年2月】au「三太郎の日」の特典まとめ – au PAY マーケット最大33%還元、割引クーポンなどおトクに買い物できる。かんたん決済10%還元は終了…

キャンペーン

3のつく日は三太郎の日!au PAYマーケットでのお買い物で最大33%還元や最大5,000円割引クーポンなどの特典が登場。ただしauかんたん決済でPontaポイント還元キャンペーンは終了

【iPhone】GIFアニメの自動再生をオフ・無効化する方法 – ウェブやアプリ上のGIF動画を停止した状態で表示する

iPhone / iPad

iPhoneでアニメーションGIFのあるアプリやウェブサイトにアクセスすると初期設定の場合は自動再生される。自動再生を無効化しておけばGIF動画は停止した状態で表示される

ヤマダウェブコムで「PC/タブレット 在庫一掃SALE」開催!- PCやタブレット、Apple Watch、Amazonデバイスなどをおトクに買う方法

セール

PCやタブレット、Mac、Surface、Apple Watch、Amazonデバイスなど様々な商品が特価で買えるおトクなセール!週末限定で開催。

【金曜日/土曜日】d払いの『d曜日』でおトクに買い物する方法 – 最大4%還元!対象となるお店や条件などまとめ。要毎月エントリー

キャンペーン

毎週金/土曜日にネットで買い物するならd払いの『d曜日』をチェック!Amazon含むかなり多くのストアでdポイント最大4%還元とおトクに買い物ができる


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【Twitter】『ダークモード』の設定方法 – iOS・Android・PCでタイムラインなどの背景色を黒やダークブルーにできる。夜間モードの違いなど

夜間モードからダークモードへ名称が変更!Twitterがよりスタイリッシュなブラックテーマ風になるぞー


DAZN(ダゾーン)をお得に契約する方法 – 新プラン「ABEMA de DAZN」登場!!

DAZNをおトクに利用する方法をご紹介!2月23日よりABEMAでもDAZNが視聴できる新プラン『ABEMA de DAZN』の提供開始。


【オススメ返礼品紹介】おトクに『ふるさと納税』する方法まとめ – 自分がいくら寄付できるかの計算方法

まだやってない人向けに「ふるさと納税」をできるだけわかりやすく書いてみた(つもり)


楽天ポイントでGoogle Playギフトコードを購入・交換する方法 – 楽天市場認定店は期間限定ポイントの消化にも最適!

楽天ポイントでGoogle Play残高(ギフトカード)が買える!期間限定の楽天スーパーポイントでもOK!セール時は安く購入することもできておトク


【楽天ポイント】期間限定ポイントのオススメの使い方 – 楽天系のサービス以外でも使える!有効期限確認、少額でも使い切る方法

いつの間にか貯まる『期間限定の楽天ポイント』楽天市場で無理やり使うのではなく街のお店などで効率的に使うのがいいかも!



注目の記事をぜんぶ見る


最新記事&ニュース

【2024年2月】「アソビュー!」の割引クーポンをGETする方法&使い方 – アクティビティ体験がおトクになるクーポン・キャンペーンまとめ。ふるさと納税も

アクティビティ、イベント体験の「アソビュー!」で使えるおトクな割引クーポンコードをまとめています。キャンペーンに加え、ふるさと納税も登場


【2024年2月】au「三太郎の日」の特典まとめ – au PAY マーケット最大33%還元、割引クーポンなどおトクに買い物できる。かんたん決済10%還元は終了…

3のつく日は三太郎の日!au PAYマーケットでのお買い物で最大33%還元や最大5,000円割引クーポンなどの特典が登場。ただしauかんたん決済でPontaポイント還元キャンペーンは終了


【iPhone】GIFアニメの自動再生をオフ・無効化する方法 – ウェブやアプリ上のGIF動画を停止した状態で表示する

iPhoneでアニメーションGIFのあるアプリやウェブサイトにアクセスすると初期設定の場合は自動再生される。自動再生を無効化しておけばGIF動画は停止した状態で表示される


ヤマダウェブコムで「PC/タブレット 在庫一掃SALE」開催!- PCやタブレット、Apple Watch、Amazonデバイスなどをおトクに買う方法

PCやタブレット、Mac、Surface、Apple Watch、Amazonデバイスなど様々な商品が特価で買えるおトクなセール!週末限定で開催。


【金曜日/土曜日】d払いの『d曜日』でおトクに買い物する方法 – 最大4%還元!対象となるお店や条件などまとめ。要毎月エントリー

毎週金/土曜日にネットで買い物するならd払いの『d曜日』をチェック!Amazon含むかなり多くのストアでdポイント最大4%還元とおトクに買い物ができる



最新記事をもっとチェック


usedoorをフォロー


現在開催中の"おトク"なセール、キャンペーン、お買い得アイテムまとめ

【最大3万円還元!】ソフトバンクのAndroidスマホを購入して高額キャッシュバックをGETする方法

ソフトバンクのAndroidスマホを購入するとキャッシュバックがもらえるぞ!さらにクーポンでPayPayボーナスももらえる!


【2024年2月】Music Unlimitedにおトクに登録する方法 – Amazonの音楽聴き放題に再登録で3か月月額300円、新規登録で30日間無料などキャンペーンまとめ

Amazonの音楽聞き放題サービス「Music Unlimited」がおトクに利用できるキャンペーンを紹介。現在は再登録なら月額300円×3ヵ月などが開催中


【紹介コードあり】Yahoo!フリマの「友達紹介キャンペーン(2024年2月)」でPayPayポイント500円相当をゲットする方法

Yahoo!フリマ(旧PayPayフリマ)を始めるなら「友達紹介キャンペーン」の紹介コード入力で500円分のPayPayポイントがもらえる。2024年3月31日まで


【楽天モバイル】2回線目以降を契約して3,000ポイントをゲットする方法 – 「もう1回線」申込キャンペーンがスタート

楽天モバイルが2回線目以降を契約する人向けのキャンペーンを開始!2回線目契約で3,000ポイントがもらえる。要エントリーなのでご注意を


【楽天モバイル】2回線目でもRakuten Hand 5Gが一括1円で買えたお話。複数回線でも割引対象となるキャンペーンの条件/詳細まとめ – おトクに購入する方法

楽天モバイルがRakuten Hand 5Gを一括1円で販売するキャンペーンを開催中!すでにRakuten UN-LIMITを契約中でも一括1円で買えた!細かい条件には注意



開催中のキャンペーンをぜんぶ見る