ワイモバイルでPayPayボーナス大幅還元!回線料金も安い!

最終更新 [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ページよりご連絡ください。

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

『楽天ひかり』を1年無料で利用する方法 – 楽天モバイルUN-LIMITとのコラボ企画。携帯回線は3ヵ月、ひかり回線は1年無料!参加条件と注意点

キャンペーン

家の固定回線「楽天ひかり」と携帯回線「楽天モバイルUN-LIMIT」の両方を契約すれば固定回線が1年無料で使えるおトクなキャンペーン。注意点あり

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

携帯電話

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

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

携帯電話

ソフトバンクのiPhone 8買うならここがいいかも!キャッシュバックがもらえるぞ!さらにPayPayボーナスライトももらえます。

【最大6ヵ月無料!!】Amazonプライムに無料で登録する方法 – Prime Studentの対象ユーザーはアツい!

webサービス

学生が利用できるAmazon Prime Studentが6ヵ月無料で利用できる登録キャンペーンを開催中!プライム特典が半年無料で使えちゃう

【開催中!!】Amazon Music Unlimitedに無料登録して500ポイントをゲットする方法 – 注意点アリ

キャンペーン

Amazon Music Unlimitedに無料登録するだけで500ポイントがもらえるオイシイキャンペーンが再び!


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

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

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


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


新着記事

【日曜日/水曜日限定】激安!ドミノ・ピザのピザ3枚が2,400円! – 「Big Sunday」「Big Wednesday」でおトクにピザをデリバリーする方法

キャンペーン

毎週日曜日と水曜日はMサイズ3枚が2,400円、Rサイズ3枚が3,000円、Lサイズ3枚が3,600円と超激安!

【Android】楽天モバイルの月額基本料金を0円にする方法 – 月間データ通信量が1GB未満になるように設定してみた。完全放置は回線停止もあるので危険

Androidスマホ

Rakuten UN-LIMIT VIは月間データ通信量を1GB未満に設定すれば月額料金が無料!Androidスマホでデータ節約機能を使って制御してみた

【4月23日注文開始!!】「AirTag」を予約、購入する方法 – 予約開始日や発売日、価格、スペックなど

ガジェット

Appleが紛失防止タグ「AirTag(エアータグ)」を発表!2021年4月23日午後9時から注文開始。

【Amazon Music】カーモードを終了、自動起動をオフにする方法 – Car PlayやAndroid Auto接続時に表示されるCAR MODEがウザい。。

スマホアプリ

クルマでAmazon Musicを使うときに表示される「カーモード(CAR MODE)」が使いにくい。。モード終了&起動を無効化する手順を紹介

「iPhone 12 / 12 mini /12 Pro / 12 Pro Max」の価格&割引などキャンペーンまとめ – キャリアや格安SIM、SIMフリー版をおトクに購入する方法

iPhone / iPad

iPhone 12、iPhone 12 miniに新色「パープル(紫)」が登場!予約は2021年4月23日~開始、発売日は2021年4月30日。


≫ 新着記事をもっと見る

usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【保存版】ネットフリックスの隠しカテゴリの裏コード&リンクまとめ – NETFLIXで動画をより詳細なジャンルで探す方法

    NETFLIXにはトップページなどには表示されていない、より詳細なカテゴリ、ジャンルページがたくさんある!


    【Twitter】クソリプ防止に。ツイートに対してリプライ(返信)できる相手を制限する方法

    クソリプ防止となるツイートに対して返信できる相手を制限することができる機能がTwitterに正式登場


    AirPods Pro実機レビュー – スペックや操作方法など。初代AirPodsとの違いは?並べて比較してみた

    カナル型のApple謹製イヤホン「AirPods Pro」を買ってみたので実機レビューしてみました。音質は?進化した点は??


    【LINE】カスタムスタンプの使い方 – 好きなテキストが入力できる新スタンプ!文字の変更方法と購入方法、注意点など。無料スタンプも登場!

    LINEスタンプに自分の好きなテキストを入力できる「カスタムスタンプ」が新登場!けっこう面白い


    【3ヵ月無料!!】DAZN(ダゾーン)をお得に契約する方法

    DAZNを契約するならこの方法がおすすめ!auからDAZNにお申込みすると3カ月間無料&au請求金額から毎月110円割引。ソフトバンクは毎月10%還元!!


    注目の記事をぜんぶ見る

  • 最新記事

    【日曜日/水曜日限定】激安!ドミノ・ピザのピザ3枚が2,400円! – 「Big Sunday」「Big Wednesday」でおトクにピザをデリバリーする方法

    毎週日曜日と水曜日はMサイズ3枚が2,400円、Rサイズ3枚が3,000円、Lサイズ3枚が3,600円と超激安!


    【Android】楽天モバイルの月額基本料金を0円にする方法 – 月間データ通信量が1GB未満になるように設定してみた。完全放置は回線停止もあるので危険

    Rakuten UN-LIMIT VIは月間データ通信量を1GB未満に設定すれば月額料金が無料!Androidスマホでデータ節約機能を使って制御してみた


    【4月23日注文開始!!】「AirTag」を予約、購入する方法 – 予約開始日や発売日、価格、スペックなど

    Appleが紛失防止タグ「AirTag(エアータグ)」を発表!2021年4月23日午後9時から注文開始。


    【Amazon Music】カーモードを終了、自動起動をオフにする方法 – Car PlayやAndroid Auto接続時に表示されるCAR MODEがウザい。。

    クルマでAmazon Musicを使うときに表示される「カーモード(CAR MODE)」が使いにくい。。モード終了&起動を無効化する手順を紹介


    「iPhone 12 / 12 mini /12 Pro / 12 Pro Max」の価格&割引などキャンペーンまとめ – キャリアや格安SIM、SIMフリー版をおトクに購入する方法

    iPhone 12、iPhone 12 miniに新色「パープル(紫)」が登場!予約は2021年4月23日~開始、発売日は2021年4月30日。


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

  • usedoorをフォロー


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

    【4月版】楽天モバイル(UN-LIMIT)で実質0円で販売中のAndroidスマホ、Wi-Fiルーターまとめ – 動作保証端末を激安で購入する方法

    楽天モバイルはSIMだけ契約してSIMフリースマホで使えばOK!でもやっぱり正式対応しているスマホが欲しいという人へ


    【一括1円&7,000ポイント還元!!】楽天モバイル「Rakuten Mini」を超激安で購入する方法 – 回線は3ヵ月無料&手数料完全無料!追加契約もOK

    楽天モバイル正式対応端末「Rakuten Mini」が一括1円と激安で購入できるキャンペーンがスタート!かなりおトク!!


    【最大6ヵ月無料!!】Amazonプライムに無料で登録する方法 – Prime Studentの対象ユーザーはアツい!

    学生が利用できるAmazon Prime Studentが6ヵ月無料で利用できる登録キャンペーンを開催中!プライム特典が半年無料で使えちゃう


    楽天モバイルUN-LIMIT『SIMのみ契約』で5,000ポイントをゲットする方法 – iPhoneも対象!対象製品利用でポイント還元の条件など

    楽天モバイルUN-LIMITが機種購入なしのSIMのみ契約で誰でも7,000ポイントを還元するキャンペーンを開始!対象端末と条件まとめ。iPhone 12も対象!


    LINEモバイルを通常よりおトクに契約する方法 – 5,000円分キャッシュバックのコードあり

    ドコモ、au、ソフトバンク全ての回線が選べるLINEモバイル。キャンペーンを使えばもっとおトクに契約できる!2021年3月末で新規受付は終了に


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

  • あわせて読みたい記事