【激アツ!!】2回線目以降もOK!楽天モバイル回線契約で14,000ポイントがもらえる

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

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

【裏技?】ahamoを契約して最大20,000dポイントをもらう方法 – ドコモSIMのみ契約⇒即ahamoへのプラン変更でポイントが付与された

携帯電話

ドコモのSIMを単体契約⇒即ahamoにプラン変更で最大20,000dポイントがもらえる!直接ahamoで契約するよりもかなりおトクに

【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK!PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催!

キャンペーン

ワイモバイルが10周年を記念した大型キャンペーン~第4弾~を4月1日から開催!ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数!

【4ヵ月半額】Amazonの音楽聴き放題「Music Unlimited」をおトクに登録する方法、開催中のキャンペーンまとめ

キャンペーン

Amazonの音楽聞き放題サービス「Music Unlimited」が4ヵ月間半額で利用できるキャンペーン開催!2025年3月6日(木)まで。非プライム会員でもOK!

【毎日参加!!】Yahoo!オークション「全員あたるくじ」でPayPayポイントをゲットする方法 – 開催中は毎日くじを引こう!

キャンペーン

Yahoo! JAPAN IDがあれば誰でも毎日参加できるYahoo!オークション(旧:ヤフオク)の「全員あたるくじ」必ずPayPayポイントがもらえるので開催中は毎日参加がオススメ

dマガジンをおトクに契約する方法 – 必ず400dポイントもらえる、実質最大3ヵ月ほぼ無料キャンペーンなど

本・コミック

dマガジンはWEBから入会すれば400dポイントがもらえる!初回31日無料とあわせて実質2ヵ月無料で利用できる。エントリーはお忘れなく!


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

AppleがwatchOS 11.4のアップデートを配布開始。iOS / iPadOS 18.4から1日遅れでの配信

ニュース

AppleがiOS / iPadOS 18.4から1日遅れでApple Watch向けにwatchOS 11.4の配信を開始

【watchOS 11.4登場】Apple Watchのソフトウエア(OS)をアップデートする方法

Apple Watch

2025年4月2日にApple WatchにwatchOS 11.4が配信開始。watchOS 11からは新機能も盛りだくさん!その後のマイナーアップデートも紹介

【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK!PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催!

キャンペーン

ワイモバイルが10周年を記念した大型キャンペーン~第4弾~を4月1日から開催!ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数!

『iOS 18.4』アップデートの内容や新機能、対象端末とみなさんのつぶやき、口コミ、評判、不具合報告などまとめ – iOSをアップデートする方法

iPhone / iPad

iPhone向け「iOS 18.4」のアップデートが4月1日未明に配信開始。ついに日本語環境でもApple Intelligenceが利用可能に!実際にアプデした人たちの口コミ、評判は?

【LINE】無料スタンプ&隠しスタンプまとめ(2025年4月1日更新)ダウンロード方法&取得条件

LINE

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

アイサポでiPhoneのバッテリーを新品に交換してみた – 初期化は必要?価格や交換作業までの流れや手順。料金がちょっと安くなる各種割引も紹介

iPhone修理専門「アイサポ」でiPhoneのバッテリーを新品に交換してみた。Apple公式よりも安く交換できる。その他にも画面割れから水没まで幅広い修理に対応&安い!


【楽天モバイル】割引拡大!iPhone 16(128GB)をおトクに購入する方法 – Appleよりも安い価格で購入可能に。割引とポイント還元で実質109,700円

楽天モバイルでiPhone 16(128GB)がAppleよりも安く購入できる。のりかえで20,000円オフの一括121,700円、さらに12,000ポイント還元で実質109,700円に


【誰でもOK!!】『ドコモオンラインショップ限定 機種購入割引』でiPhone・Androidスマホを大幅割引で購入する方法&対象機種まとめ – 機種のみ購入でもOK!

ドコモオンラインショップ限定機種購入割引で対処機種が大幅割引!機種単体(白ロム)購入も対象。割引の条件、対象機種は?


【LINE】無料スタンプ&隠しスタンプまとめ(2025年4月1日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など


【8%オフ!!】楽天ポイントでGoogle Playギフトコードを購入・交換する方法 – 楽天市場認定店は期間限定ポイントの消化にも最適!

楽天ポイントでGoogle Play残高(ギフトカード)が買える!期間限定の楽天スーパーポイントでもOK!セール時は安く購入することもできておトク



注目の記事をぜんぶ見る


最新記事&ニュース

AppleがwatchOS 11.4のアップデートを配布開始。iOS / iPadOS 18.4から1日遅れでの配信

AppleがiOS / iPadOS 18.4から1日遅れでApple Watch向けにwatchOS 11.4の配信を開始


【watchOS 11.4登場】Apple Watchのソフトウエア(OS)をアップデートする方法

2025年4月2日にApple WatchにwatchOS 11.4が配信開始。watchOS 11からは新機能も盛りだくさん!その後のマイナーアップデートも紹介


【第4弾開始!!】ワイモバイル「10周年大感謝祭」まとめ – 誰でも参加OK!PayPay大還元、紹介、スマホ安売り、抽選会などで構成される大型キャンペーン開催!

ワイモバイルが10周年を記念した大型キャンペーン~第4弾~を4月1日から開催!ワイモバを契約中の人もしてない人も参加できてPayPayが当たるなど特典多数!


『iOS 18.4』アップデートの内容や新機能、対象端末とみなさんのつぶやき、口コミ、評判、不具合報告などまとめ – iOSをアップデートする方法

iPhone向け「iOS 18.4」のアップデートが4月1日未明に配信開始。ついに日本語環境でもApple Intelligenceが利用可能に!実際にアプデした人たちの口コミ、評判は?


【LINE】無料スタンプ&隠しスタンプまとめ(2025年4月1日更新)ダウンロード方法&取得条件

現在配布されているLINEの無料スタンプ&隠しスタンプを徹底まとめ!スタンプを無料ゲットできる条件や取得するまでの手順、有効期限など



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


usedoorをフォロー


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

【オススメは?】eSIMに対応しているキャリア・格安SIMまとめ&比較 – 月額料金やデータ容量別に比べてみた。eSIMをおトクに利用する方法

eSIM発行に対応しているキャリア、格安SIMを徹底的にまとめてみた。料金とデータ量などで自分にあうオススメのeSIMを見つけよう


【絶対参加を!!】楽天カード(VISA)で最大20%キャッシュバックキャンペーン開催。運が良ければ10,000円のキャッシュバックも(2024年8月31日まで)

VISAブランドの楽天カード限定で最大20%キャッシュバックキャンペーン開催!対象はスマホに設定したタッチ決済。さらに運がよければ10,000円分のキャッシュバックが抽選で当たる


【ソフトバンクオンラインショップ限定】「web割」で機種代金を最大21,600円割引する方法

オンライン限定!MNP(のりかえ)なら最大21,600円割引!販売しているほとんどのiPhone、Androidスマホがキャンペーン対象。


【楽天モバイル】初めて20GB超過利用して1,500ポイントをゲットする方法 – 毎月開催&必ずもらえる!最強プランにピッタリのキャンペーン。特典増額中!

楽天モバイル契約者限定で過去に一度も20GBを超過したことがなく20GBを超過しそうな人は必見!エントリーと利用だけで1,500ポイントがもらえちゃう


【2025年2月】ドコモのiPhone、Androidスマホが機種変更で5,500円割引となるクーポンをWEB上からゲットする方法 – 対象機種、条件など

2025年2月もドコモがiPhoneやAndroidスマホの機種変更が5,500円割引となるクーポンをウェブ上で配布中!iPhone 16 / Pixel 9シリーズも対象。対象者限定なので取得できるかをチェック!



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