【激安折りたたみスマホ】「Libero Flip(A304ZT)」が一括39,800円~

Firefox系ブラウザでアドオンなしでページ全体やスマホ版サイトのスクリーンショットを撮影する方法

firefox単体の機能でページ全体がキャプチャーできるから便利


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

この記事内には広告リンクが含まれています。

\\どうかフォローをお願いします…//



< この記事をシェア >

usedoor Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly


ブラウザ「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 Twitterでシェア
usedoor facebookでシェア
usedoor はてなブックマークに保存
usedoor Pocketに保存
usedoor LINEでシェア
usedoor feedly



\\どうかフォローをお願いします…//




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

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

【抽選販売受付中】AmazonのPlayStation 5の招待販売制に参加する方法 – PS5購入の招待メールをリクエストする手順。モデルごとに登録が必要

ゲーム

AmazonでのPlayStation 5販売が招待制に!抽選形式なので期限内に招待メールをリクエストしておけばPS5が買えるかも!?

【2024年3月】「メルペイ」のクーポン&キャンペーンまとめ – クーポンは人によって違うので来ない場合も… メルカードキャンペーンもあり

キャンペーン

メルカリが提供するスマホコード支払「メルペイ」は定期的におトクなキャンペーンを開催&クーポンを配布!人によって違うクーポンを徹底的にまとめてみた

【2024年3月】ahamoのキャンペーンまとめ – ドコモ経由で10,000dポイント還元、にじさんじコラボ、大盛り抽選、金地金が当たる、ahaクエストなど

携帯電話

ahamoと新規契約でdポイントがもらえたり、既存ユーザーでも対象の開催中のキャンペーンをまとめてみました。ドコモSIM経由のちょっと裏技っぽいおトクな契約方法も

【大幅割引中!!】Dropbox Plus(有料版)をおトクに購入する方法 – ソースネクストの3年以上複数年版がコスパよし!最安値保証&返金あり

Dropbox

公式は値上げ…あのおトクなDropbox Plus3年版がついに復活!有料版のPlusを契約するならソースネクストがおトク。さらにクーポンや期間限定割引も


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

ドコモが「Galaxy Z Flip5(SC-54D)」を値下げ&4月1日まで2.2万円割引(2024年3月29日)

ニュース

2024年3月29日にドコモがGalaxyの折りたたみスマホ「Galaxy Z Flip5(SC-54D)」を値下げ。さらに4日間限定で「5G WELCOME割」が適用され22,000円割引。

【4日間限定】ドコモのiPhone 15 Proが3月29日~4月1日だけ全契約で最大33,000円オフ。超期間限定でオンラインおトク割の対象に

ニュース

3月29日~4月1日の4日間限定でドコモのiPhone 15 Pro(128GB/256GBのみ)がオンラインおトク割の対象となり最大33,000円オフに。全契約とも割引の対象

dポイントでSuica/PASMOをチャージする方法 – iPhoneのApple Payのd払いタッチ経由でチャージしてみた。期間用途限定ポイントも利用OK

ポイント

Apple Payに登録したd払いを使えば、モバイルSuica/PASMOにdポイントでチャージできる!期間用途限定ポイントもチャージできた

【40%還元!!】ebookjapanでマンガなどの電子書籍をお得に買う方法

キャンペーン

ebookjapanでおトクなキャンペーンが開催、クーポンが配布!マンガを含む全ての電子書籍がおトクに買える!毎週週末限定で最大40%還元の「コミックウィークエンド」が開催!

AmazonでNetflix プリペイド・ギフトカードが10%還元で買えるキャンペーン

キャンペーン

AmazonでNetflix プリペイド・ギフトカード – Eメールタイプがお得に買えるキャンペーンが開催!購入すると10%相当のAmazonポイントを還元。キャンペーン期間は3月31日(日)23:59まで。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【iPhone・Androidスマホ】『緊急速報』をオン⇔オフする方法 – 外出自粛や緊急地震速報、Jアラートなどを無効化もできる。届かない、非対象機種の対処方法も

緊急地震速報&ミサイル発射も警告してくれるJアラートはちゃんとスマホで受信出来た方がいい!外出自粛はちょっとウザいけどしょうがない


【2024年3月】Music Unlimitedに3ヵ月無料で登録する方法 – Amazonの音楽聴き放題キャンペーンまとめ。新規登録で3ヵ月無料、再登録で月額300円など

Amazonの音楽聞き放題サービス「Music Unlimited」におトクに登録できるキャンペーンを紹介。現在は新規登録で3ヵ月無料、再登録は月額300円×3ヵ月などが開催中


楽天カードでSuicaにチャージしてポイントを貯める方法(iPhone・Android対応)

楽天カードからiPhone、AndroidのモバイルSuicaに条件を満たした上でチャージすればポイントが貯まる!還元率は0.5%


結局、楽天モバイルって普通に使える?メイン回線として日本のいろんなところで最強プランをガチで使いまくってみた。電波状況や通信速度の検証結果を紹介

メイン回線を楽天モバイル『最強プラン』に変更して日本の色んなところに行って通信状況などを調査してみた。結局エリアってどうなの?圏外にならない?


【無償交換という神対応】Dysonの掃除機のバッテリーを交換する方法 – 2年の保証期間内ならまさかの無料!V8 Absoluteのバッテリーを交換してみた

Dysonの掃除機はバッテリーまで2年の保証対象内!掃除機復活でダイソンの手厚いサポートにマジで感動しました。



注目の記事をぜんぶ見る


最新記事&ニュース

ドコモが「Galaxy Z Flip5(SC-54D)」を値下げ&4月1日まで2.2万円割引(2024年3月29日)

2024年3月29日にドコモがGalaxyの折りたたみスマホ「Galaxy Z Flip5(SC-54D)」を値下げ。さらに4日間限定で「5G WELCOME割」が適用され22,000円割引。


【4日間限定】ドコモのiPhone 15 Proが3月29日~4月1日だけ全契約で最大33,000円オフ。超期間限定でオンラインおトク割の対象に

3月29日~4月1日の4日間限定でドコモのiPhone 15 Pro(128GB/256GBのみ)がオンラインおトク割の対象となり最大33,000円オフに。全契約とも割引の対象


dポイントでSuica/PASMOをチャージする方法 – iPhoneのApple Payのd払いタッチ経由でチャージしてみた。期間用途限定ポイントも利用OK

Apple Payに登録したd払いを使えば、モバイルSuica/PASMOにdポイントでチャージできる!期間用途限定ポイントもチャージできた


【40%還元!!】ebookjapanでマンガなどの電子書籍をお得に買う方法

ebookjapanでおトクなキャンペーンが開催、クーポンが配布!マンガを含む全ての電子書籍がおトクに買える!毎週週末限定で最大40%還元の「コミックウィークエンド」が開催!


AmazonでNetflix プリペイド・ギフトカードが10%還元で買えるキャンペーン

AmazonでNetflix プリペイド・ギフトカード – Eメールタイプがお得に買えるキャンペーンが開催!購入すると10%相当のAmazonポイントを還元。キャンペーン期間は3月31日(日)23:59まで。



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


usedoorをフォロー


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

【2024年3月】Music Unlimitedに3ヵ月無料で登録する方法 – Amazonの音楽聴き放題キャンペーンまとめ。新規登録で3ヵ月無料、再登録で月額300円など

Amazonの音楽聞き放題サービス「Music Unlimited」におトクに登録できるキャンペーンを紹介。現在は新規登録で3ヵ月無料、再登録は月額300円×3ヵ月などが開催中


【2024年】ワイモバイル『大決算セール』でスマホをおトクに購入する方法 – 対象機種追加!OPPO A79 5G、Libero 5G IVが一括1円、Reno9 Aが9,800円、Pixel 7aが27,720円の特価

ワイモバイルオンラインストアが2024年も大決算セールを開催中。3月15日に機種追加!全4モデルのAndroidが一括1円~と特価販売中。期間は3月8日~4月1日まで


LINEMOを通常よりもおトクに契約する方法、キャンペーンまとめ【2024年3月最新】

LINEMO契約でPayPayポイント最大20,000円相当還元!他にも様々なキャンペーンが開催中です。契約手数料など各種手数料も無料。


Amazonでd払い、dポイントを利用する方法&キャンペーンまとめ – 期間用途限定ポイントも使える。ahamoもOK!

ドコモユーザーであればAmazonでd払いが使えるようになりました。ただし事前にdポイントの利用設定をしておく必要があるので注意!


【2024年3月】PayPayで開催中のキャンペーンまとめ – 特典や適用条件など。P&Gの商品購入で還元、ワクワクペイペイ、クーポンや地域限定etc…

ほぼ常時様々なお店やエリアで開催されるPayPayのおトクなキャンペーンやクーポンを徹底まとめ。特典や参加条件、今月対象のお店は?



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