Amazonがおトクに!1,000ポイント+最大2.5%還元のキャンペーン

最終更新 [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月版】機種変更アリ!ドコモから『648円以下』で販売されているiPhone・iPad・Androidスマホ・ガラケーまとめ – 激安でドコモ端末を購入する方法

携帯電話

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

【徹底的】Amazonプライムで使えるサービスを使い倒す方法&年会費の元が取れるキャンペーン完全まとめ

webサービス

これだけのサービスが使えれば年会費は惜しくない!既にプライム会員の人は使えるサービスをフルに使い倒してみて!

dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数 – 6月30日まで

クレジットカード

10%還元で噂のdカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています

【6月17日まで】最大4,200円オフ!!父の日セールでKindle、Paperwhite、マンガモデル、Fireタブレット、Echoをおトクに購入する方法

セール

Kindle、Paperwhite、マンガモデル、Fireタブレット、EchoなどAmazonデバイスが最大4,200円オフ!お父さんに一台いかが?


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

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

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


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




同じカテゴリの記事

【訳あり品】「Dyson Pure Hot+Cool 空気清浄機能付ファンヒーター HP01IB」を特別セールでお得にGETする方法

セール

若干の傷や汚れがある訳あり品なので超激安!ソフトバンクユーザーならポイント10倍!

【3/3~6まで】最大38%ポイント還元!Wowma最大のセール「ラッキーセール」でおトクにお買物する方法

セール

ポイントが最大38%還元の超激熱セール!最大70%オフで買えるタイムセールも実施されます。セール中に使える30種類以上のクーポンも先行配布中です。


新着記事

【50%ポイントバック】dデリバリーでお得に注文する方法

飲食店

これはけっこう熱いキャンペーン!ポイント利用でもれなく50%ポイントバック!

【ポケモンGO】友だちとフレンドになる&トレーナーコードを確認/シェアする方法 – ギフトによる場所バレやプロフィール丸見えにご注意を

ゲーム

ポケモン交換するならフレンドは必須!ギフトが送れたりもするけど制限や注意点もちょっと多めかも

【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

スマートフォン

iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた

ドコモ『my daiz』を無効化してアプリや通知を消す方法

Androidスマホ

マイデイズからの通知もキャラもウザかったので完全に無効化して消してみた


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    【LINE】『ニュース』タブを『通話』に変更する方法 – 非表示はできないけど切り替えはできる

    LINEのニュース上に天気や株価まで。。不要な人は通話タブに変更しておきましょー


    【LINEモバイル】プラン、価格、特徴、注意点、口コミ、登録方法など完全まとめ – 実際に申し込んでみた

    LINEモバイルの新プランはSNSだけじゃなくLINE MUSICのデータ通信もノーカウントに!


    ルイ・ヴィトンの手帳型iPhone専用ケース『folio(フォリオ)』レビュー、使い方

    7以降のiPhoneで使える世界のLouisVuittonのiPhoneケースにガッツリ触れてみた


    注目の記事をぜんぶ見る

  • 最新記事

    【50%ポイントバック】dデリバリーでお得に注文する方法

    これはけっこう熱いキャンペーン!ポイント利用でもれなく50%ポイントバック!


    【ポケモンGO】友だちとフレンドになる&トレーナーコードを確認/シェアする方法 – ギフトによる場所バレやプロフィール丸見えにご注意を

    ポケモン交換するならフレンドは必須!ギフトが送れたりもするけど制限や注意点もちょっと多めかも


    【iPhone/Androidカメラ比較】暗い場所で一番キレイに写真が撮れるスマホは?夜景をうまく撮影する方法

    iPhoneもAndroidも明るい場所で撮影した写真の差はほぼないような… ということで夜景写真を比較してみた


    ドコモ『my daiz』を無効化してアプリや通知を消す方法

    マイデイズからの通知もキャラもウザかったので完全に無効化して消してみた


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

  • usedoorをフォロー


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

    dカード&dカードGOLDのおトクな使い方、徹底まとめ。ドコモユーザー以外にもメリット多数 – 6月30日まで

    10%還元で噂のdカードの還元率、メリット、デメリット、比較、疑問を徹底的にまとめています


    【6月30日まで】誕生月はポイント5倍!『dポイントバースデェ~チャンス!』に参加しておトクにdポイントを貯める方法

    実際の開始期間は8月1日から。が、エントリーは6月30日までなので事前にやっておきましょー


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

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


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

  • あわせて読みたい記事