【読んどいて!!】現在開催中の激熱キャンペーン、セールまとめ!

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

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

【機種変更でも実質6,480円~】ドコモのiPad mini 4をおトクに購入する方法

携帯電話

ドコモがiPad mini 4を再度値下げ!機種変更でも実質6,480円で購入できます

【5月版】機種変更アリ!ドコモから『648円以下』で販売されているiPhone・iPad・Androidスマホ・ガラケーまとめ – 激安でドコモ端末を購入する方法

携帯電話

現在ドコモで販売されている648円以下(一括0円もあり)の機種を一括価格、実質価格、契約別にまとめました


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

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

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


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




新着記事

【5月はローソン&au PAY】au「三太郎の日」の特典をゲットする方法

キャンペーン

3のつく日は三太郎の日!5月の特典はローソン!さらにau PAYでお支払いするとau WALLETポイント最大26.5%還元と激熱!

【Amazonに在庫あり】『メガドライブミニ』を予約・購入する方法 – 発売日や価格、スペックなどまとめ

ゲーム

ついに発売日が2019年9月19日(木)に決定!価格は6,980円~。収録タイトル数は40です。

【6/4まで】Amazon MusicモバイルアプリでPrime Musicを聴いて100ポイントをゲットする方法

キャンペーン

Amazon MusicモバイルアプリでPrime Musicを聴いて100Amazonポイントをプレゼント!2019年4月1日以降Prime Musicの利用履歴のない方が対象です。

【ドコモ分離プラン】新料金『ギガホ』『ギガライト』徹底まとめ – おトクになる人と損する人、概要や注意点など。ドコモの携帯料金をおトクにする方法

携帯電話利用料金

docomo withなど現在のプランや割引は5月31日で新規受付停止。新料金プランに移行する?現状維持?自分がおトクなプランを探しましょー

【5/24 生配信】「乃木坂46 23rdシングル『Sing Out!』発売記念 アンダーライブ」を視聴する方法

エンタメ ・芸能

5月24日(金)に横浜アリーナで開催されるライブをdTVチャンネルのひかりTVチャンネル+が独占生配信!


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【Apple Pay】登録カードがモロバレ!iPhoneのロック画面でWalletアプリの起動を無効化する方法

    ロック画面からApplePay登録済カードが見れちゃう。初期状態はオンになってますよー


    【メルペイ】リアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!あと払いにも対応

    iDだけじゃなくQR/バーコード決済にも対応したメルペイ。コンビニなどでのコード決済での支払い方法はこうやる!


    【LINE】全ての未読メッセージを一括で既読にする方法(iPhone/Android/PC対応)

    これまではPC版を利用しないとできなかった一括既読がついにLINEアプリでも使えるようになった!


    「Fire TV Stick」でMacの画面をテレビなどの大画面に映し出すミラーリング方法 – AirPlay

    Macの画面をケーブルなしでテレビなどの大画面に映し出したい時はFire TV Stickがオススメ!


    【6月にPayトク開催決定】LINE Payでコンビニなどのリアル店舗でQR/バーコード支払いする方法 – 実際の支払いはこうやる!

    〇%還元や〇ポイントキャッシュバックなどキャンペーンも多彩なLINE Payのコード支払いを実際にやってみた


    注目の記事をぜんぶ見る

  • 最新記事

    【5月はローソン&au PAY】au「三太郎の日」の特典をゲットする方法

    3のつく日は三太郎の日!5月の特典はローソン!さらにau PAYでお支払いするとau WALLETポイント最大26.5%還元と激熱!


    【Amazonに在庫あり】『メガドライブミニ』を予約・購入する方法 – 発売日や価格、スペックなどまとめ

    ついに発売日が2019年9月19日(木)に決定!価格は6,980円~。収録タイトル数は40です。


    【6/4まで】Amazon MusicモバイルアプリでPrime Musicを聴いて100ポイントをゲットする方法

    Amazon MusicモバイルアプリでPrime Musicを聴いて100Amazonポイントをプレゼント!2019年4月1日以降Prime Musicの利用履歴のない方が対象です。


    【ドコモ分離プラン】新料金『ギガホ』『ギガライト』徹底まとめ – おトクになる人と損する人、概要や注意点など。ドコモの携帯料金をおトクにする方法

    docomo withなど現在のプランや割引は5月31日で新規受付停止。新料金プランに移行する?現状維持?自分がおトクなプランを探しましょー


    【5/24 生配信】「乃木坂46 23rdシングル『Sing Out!』発売記念 アンダーライブ」を視聴する方法

    5月24日(金)に横浜アリーナで開催されるライブをdTVチャンネルのひかりTVチャンネル+が独占生配信!


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

  • usedoorをフォロー


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

    【5月版】闇ふるさと納税?返礼品とは別にAmazonギフト券を貰う方法 – 開催中キャンペーンのまとめ

    簡単な条件を満たせば、ふるさと納税寄付金額の3~5%のAmazonギフト券がもらえちゃう!


    【機種変更でも実質10,368円~】ドコモの第6世代iPad(2018年モデル)をおトクに購入する方法 – GO!GO!iPad割終了で4月から値上げ。。

    Apple Pencil対応の第6世代iPadをドコモが再度値下げ!Proなどは対象外なのでお間違いなく!


    【機種変更でも実質6,480円~】ドコモのiPad mini 4をおトクに購入する方法

    ドコモがiPad mini 4を再度値下げ!機種変更でも実質6,480円で購入できます


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

  • あわせて読みたい記事