【超激熱!!】DMMブックスで最大70%還元の「DMMブックス スーパーセール 2022 夏」が開催!

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





ブラウザ「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系のブラウザでページのキャプチャーを保存したい人は↑の方法でどうぞ。


< この記事をシェア >






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

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

【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

携帯電話

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。

【業界最安値!!】月額290円~!HISモバイルの『自由自在プラン』で毎月の携帯電話料金をおトクにする方法 – 7月31日まで最大5万円が当たる電話番号くじ開催!

MVNO・格安SIM

HISモバイルが2022年5月より新プラン『自由自在プラン』を提供開始!ドコモ回線で格安SIMの中でも最安値クラスの音声通話付きで月額290円~!

【8月版】ペイペイジャンボとは?還元条件、対象ショップまとめ – おトクに支払いする方法。8月も日本全国全額チャンス!対象外店舗に注意

キャンペーン

最大1,000%還元や全額還元などが当たる「ペイペイジャンボ」開催!対象となる条件や特典をまとめました

【ドコモ】『端末購入割引』でiPhone・Androidスマホ・ケータイをおトクに購入する方法 – 適用条件と割引による値下げ、現在の対象機種まとめ

携帯電話

ドコモの分離プラン導入後に新たに登場した「端末購入割引」 条件を満たしていれば機種変更でも対象のiPhoneやAndroidがおトクに買える!

【8月19日まで】一括1円~!OCNモバイルオンラインショップ『人気のスマホセール』でAndroid、iPhoneをおトクに購入する方法 – 割引中のスマホまとめ

セール

スマホ安売りでお馴染みのOCNモバイルオンラインショップ恒例の『人気スマホセール』が2022年7月~8月も開催!販売中の機種をまとめてみた


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

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

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


キーワード:Cyberfox , Firefox , palemoon , キャプチャー , スクリーンショット , スマホサイト , ページ全体 ,


同じカテゴリの記事

【5月14日まで】20%OFF!Aukey『母の日セール』でおトクにスマホ関連アイテムを購入する方法

セール

Bluetoothスピーカーや防水ケースなど母の日??ってアイテムも勢ぞろい!

【最大51%OFF】ダイソンの「ブラックフライデー2021」でおトクに買い物する方法

セール

Dyson公式オンラインストアでBlack Friday 2021が開催!楽天市場店でも開催しています。


新着記事

【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

ショッピング

楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる

【抽選販売情報あり】『Nintendo Switch(有機ELモデル)スプラトゥーン3エディション』を予約・購入する方法

ゲーム

スプラトゥーン3オリジナルデザインをあしらった『Nintendo Switch(有機ELモデル)スプラトゥーン3エディション』が2022年8月26日(金)に発売

【watchOS 8.7登場】Apple Watchのソフトウエア(OS)をアップデートする方法

Apple Watch

Apple Watchにwatch OS 8.7が配信開始!iOS 15.6と同じタイミングで登場。watch OS 8からは新機能も盛りだくさん!

【8のつく日】オムニ7「イトーヨーカドー」の『ハッピーデー』でおトクに買い物する方法 – nanacoポイント10倍!

ショッピング

イトーヨーカドーはネット注文でも8のつく日『ハッピーデー』がは存在!が、店舗での買い物とは内容や条件などが異なります

【Android】アプリごとに言語を変更する方法 – アプリ毎に表示する文字の言語を選択できるようになった

Androidスマホ

Android 13からアプリ毎に言語を選択できるようになった。このアプリは日本語、これは英語なんていう設定もOK。ただしアプリが対応している必要あり


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【激アツ!!】Amazon Music Unlimitedを3ヵ月無料で超おトクに登録する方法 – 非プライム会員も対象

    Amazonの音楽聞き放題サービス「Music Unlimited」が3ヵ月無料で利用できる激アツキャンペーン再び!


    【ドコモ】『5G WELCOME割』で5Gスマホをおトクに購入する方法 – 契約別の割引金額、適用条件と対象機種まとめ。iPhone13シリーズ&人気Androidも対象!

    ドコモの5G対応スマホが割引価格で購入できる「5Gウェルカム割」をまとめてみた。割引対象拡大!Androidの他、iPhone 12/13シリーズやSEも対象!


    【OCNモバイルONE】電池持ち改善!通信を『プライベートIPアドレス』に変更する方法 – 新APN・プロファイル情報&適用手順(iPhone・Android)

    OCNモバイルONEが従来のグローバルIPからプライベートIPアドレスでの通信に変更できるAPN・プロファイルを公開。スマホの電池持ちアップ効果も!


    【8月版】「メルペイ」のキャンペーン&クーポンまとめ – メルペイでお得にお買い物する方法

    メルペイでは定期的におトクなキャンペーンやクーポンを配信中。メルペイ払いしなくてもクーポンも使えちゃう。ネットショップにも対応


    注目の記事をぜんぶ見る

  • 最新記事

    【毎月18日限定】楽天市場『ご愛顧感謝デー』でおトクに買い物する方法 – 18日=イチバの日!簡単な条件を満たせばポイント最大+3倍

    楽天市場で毎月18日の24時間限定で「ご愛顧感謝デー」が開催!エントリー&買い物でポイント最大+3倍とおトクに買い物ができる


    【抽選販売情報あり】『Nintendo Switch(有機ELモデル)スプラトゥーン3エディション』を予約・購入する方法

    スプラトゥーン3オリジナルデザインをあしらった『Nintendo Switch(有機ELモデル)スプラトゥーン3エディション』が2022年8月26日(金)に発売


    【watchOS 8.7登場】Apple Watchのソフトウエア(OS)をアップデートする方法

    Apple Watchにwatch OS 8.7が配信開始!iOS 15.6と同じタイミングで登場。watch OS 8からは新機能も盛りだくさん!


    【8のつく日】オムニ7「イトーヨーカドー」の『ハッピーデー』でおトクに買い物する方法 – nanacoポイント10倍!

    イトーヨーカドーはネット注文でも8のつく日『ハッピーデー』がは存在!が、店舗での買い物とは内容や条件などが異なります


    【Android】アプリごとに言語を変更する方法 – アプリ毎に表示する文字の言語を選択できるようになった

    Android 13からアプリ毎に言語を選択できるようになった。このアプリは日本語、これは英語なんていう設定もOK。ただしアプリが対応している必要あり


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

  • usedoorをフォロー


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

    【既存ユーザーも対象】楽天モバイルで「YouTube Premium」を3ヵ月間無料で申し込む方法 – 対象となる条件、注意点など

    楽天モバイル契約者はYoutube Premiumが3ヵ月無料で利用できる。条件はシンプルで既存ユーザーも対象!注意点もアリ


    【SIMのみで2万円相当還元!!】ワイモバイルを通常よりおトクに契約する方法 – タイムセールで還元増額中!

    Y!mobileオンラインストア ヤフー店でワイモバイルのSIMカードを契約すると最大20,000円相当の還元がもらえる!


    【7月17日まで】AmazonでJCBカードでお買い物すると1,000ポイント還元! – おトクにお買い物する方法

    JCBカードで合計15,000円(税込)以上お買い物すると1,000円分のAmazonポイントが還元されるおトクなキャンペーン!


    Huluを通常よりもおトクに契約する方法 – 実質3ヵ月無料や1,000dポイント還元、フールーのお試し無料視聴延長などキャンペーンまとめ

    動画見放題サービス「Hulu」通常特典は2週間無料だけだけどキャンペーンを利用すれば無料期間が延長されたりポイント還元などでおトクに入会できる!


    【最大10,000dポイント】毎日運試し。わくわく毎日くじでdポイントをゲットする方法

    毎日引けるdポイントが当たるくじが登場。最高は10,000dポイントらしいけど…


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

  • あわせて読みたい記事