【最新版】格安SIM(MVNO)料金徹底比較・まとめ - 携帯料金が絶対下がるぞ

新着を見る



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


< この記事をシェア >




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

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


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

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




新着記事

【7/21~22抽選販売】「ニンテンドースイッチ」を予約・購入する方法

ゲーム

7月21日(金)にビックカメラで「Nintendo Switch スプラトゥーン2セット」の抽選販売!22~23日に店頭&オンラインで通常版の抽選販売。

【これは安い!】「スプラトゥーン2」を実質4,010円で購入する方法

ゲーム

ニンテンドースイッチ本体まだ買えてない...という人はとりあえずソフトだけでもお得に買っておくものありかも!

【ミッキー】Appleの動画編集アプリ『Clips』でディスニー&ピクサーのアニメーションを使う方法

スマホアプリ

バージョン1.1でミッキーやミニー、ウッディ、マックイーンなど16種類のディスニーアニメーションが登場

【8月31日まで】機種変更もOK!ドコモのXiガラケー2機種を実質0円でおトクに購入する方法

携帯電話

月々サポートによる割引。契約もシンプルでSPモードガラケーが実質0円になるのはちょっと嬉しい


≫ 新着記事をもっと見る



usedoorTOPへ戻る

usedoorをフォロー


  • 注目の使い方

    Amazonで2,000円未満でも送料を無料にする方法【プライム不要】

    この方法で注文すれば送料350円かからないぞ!


    【dポイント】「期間・用途限定」とは?オススメの使い方、使えるお店や有効期限確認方法など

    キャンペーンなどでもらえる『dポイント(期間・用途限定)』は割と用途が広い!Amazonでは使えないのでお間違いなく。


    注目の記事をぜんぶ見る

  • 最新記事

    【7/21~22抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    7月21日(金)にビックカメラで「Nintendo Switch スプラトゥーン2セット」の抽選販売!22~23日に店頭&オンラインで通常版の抽選販売。


    【これは安い!】「スプラトゥーン2」を実質4,010円で購入する方法

    ニンテンドースイッチ本体まだ買えてない...という人はとりあえずソフトだけでもお得に買っておくものありかも!


    【ミッキー】Appleの動画編集アプリ『Clips』でディスニー&ピクサーのアニメーションを使う方法

    バージョン1.1でミッキーやミニー、ウッディ、マックイーンなど16種類のディスニーアニメーションが登場


    【8月31日まで】機種変更もOK!ドコモのXiガラケー2機種を実質0円でおトクに購入する方法

    月々サポートによる割引。契約もシンプルでSPモードガラケーが実質0円になるのはちょっと嬉しい


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

  • 人気記事ランキング

    【7/21~22抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    【7/21~22抽選販売】「ニンテンドースイッチ」を予約・購入する方法

    7月21日(金)にビックカメラで「Nintendo Switch スプラトゥーン2セット」の抽選販売!22~23日に店頭&オンラインで通常版の抽選販売。...


    【7/22~23抽選販売】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    【7/22~23抽選販売】「PS VR」を予約・購入できるオンラインショップ・店舗まとめ – 「Playstation VR」を購入する方法

    ビックカメラ店頭で7/22(土)に抽選販売。オンラインショップのビックカメラ.comで7/22~23に抽選販売!...


    ランキングを見る

  • 使い方 カテゴリー

    暮らし
    趣味
    節約・稼ぐ
    WEB
    デジタル
  • キーワード

    Amazon Android apple au Chrome iOS iOS 8 iPad iPhone iPhone 6 iPhone 6 Plus iPhone 6s iPhone 6s Plus iPhone 7 iPhoneおトク Kindle MNP PC SIMフリー SoftBank Windows windows 10 アップデート オトク キャッシュバック クーポン スタンプ スマートフォン セキュリティ ソフトバンク タブレット ドコモ ドコモオトク ドコモオンラインショップ レビュー ワイモバイル 写真 削除 動画 料金 新規契約 機種変更 注目・ピックアップ 無料 登録
  • usedoorをフォロー


  • あわせて読みたい記事