【紹介コードあり】第一生命NEOBANKの口座開設して現金1,500円をゲットする方法

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

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

【業界最安値!!】月額290円~!HISモバイルの『自由自在プラン』で毎月の携帯電話料金をおトクにする方法 – eSIMにも対応!

MVNO・格安SIM

HISモバイルが2022年5月より新プラン『自由自在プラン』を提供開始!ドコモ回線で格安SIMの中でも最安値クラスの音声通話付きで月額290円~!

【紹介リンクあり】JCBカードの『お友達紹介キャンペーン』でもれなく1,500円分のキャッシュバックをもらって入会する方法

キャンペーン

JCBカード入会時に友だち紹介のリンクから申し込むともれなく1,500円分のキャッシュバックがもらえる『お友達紹介キャンペーン』開催。紹介リンクあり

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

ショッピング

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

【招待コードあり】エアウォレットの友だち招待キャンペーンで500円分のCOIN+残高をゲットする方法 – 適用条件や招待コードの発行/確認手順など

キャンペーン

AirWALLETを始めるなら友だち招待キャンペーンで招待コード(紹介コード)を入力しての利用開始がおトク!2025年3月28日まで500円分の現金がもらえる。

【ワイモバイル】もう1回線申し込みキャンペーンまとめ – 15,000円分ポイント還元やiPhone 13やSEが大幅割引、moto g64yが一括1円など限定特典あり

キャンペーン

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえたり、iPhoneが安く買える!


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

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

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

usedoor Twitter
usedoor facebook
usedoor feedly
usedoor RSS


新着ニュース&記事

楽天モバイルが「arrows We2」を一括1円で販売

ニュース

2025年4月25日より、楽天モバイルがarrows We2を1円で販売するキャンペーンをスタート!条件は他社からの乗り換え(MNP)。

【ワイモバイル】もう1回線申し込みキャンペーンまとめ – 15,000円分ポイント還元やiPhone 13やSEが大幅割引、moto g64yが一括1円など限定特典あり

キャンペーン

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえたり、iPhoneが安く買える!

【GWセールで2ヵ月無料!!】Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – 対象者限定のおトクな特典を確認!

キャンペーン

Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。5月6日までゴールデンウィークキャンペーンで2ヵ月無料!!

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

LINE

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

【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 進化したポイントも解説。体験イベント開催!!

ゲーム

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。


新着記事をもっと見る

usedoorをフォロー


注目・おすすめ記事

【通信障害対策に】サブ回線としての契約がオススメのキャリア・格安SIMまとめ – 月額料金は抑えつつ予備としてどうぞ。eSIM、デュアルSIMなど

時々発生するキャリアの通信障害… 障害発生中は電話・ネットが繋がらない。。を避けるために持っておくのがオススメのサブ回線をまとめてみた


【メルペイ】メルカリの売上金、ポイントをSuica残高にチャージする方法 – 1円もロスなしにそのまま交換できる

メルペイをApple PayのiDとして登録すれば、売上金やポイントがそのままSuica残高に交換できちゃう


【ドコモ】『5G WELCOME割』で5Gスマホをおトクに購入する方法 – 契約別の割引金額、適用条件と対象機種まとめ。iPhone&人気Androidも対象!

ドコモの5G対応スマホが割引価格で購入できる「5Gウェルカム割」をまとめてみた。割引対象拡大!Androidの他、iPhone 14シリーズやSEも対象!


【IIJmio】一括110円!トクトクキャンペーン スマホ大特価セールまとめ – 対象機種や割引条件など。iPhone・Androidが激安で購入できる!

スマホ安売りでお馴染みのIIJmio恒例の『スマホ大特価セール』がトクトクキャンペーンとして開催!今回も特にAndroidスマホが大幅割引で一括110円~と激安に


【楽天モバイル】モバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」が一括1円だから買ってみた – 激安でWi-Fiルーターをゲットする方法

楽天モバイルがモバイルWi-Fiルーター「Rakuten WiFi Pocket 2C」を一括1円の激安特価販売!すでに楽天モバイル回線を契約中でも一括1円で買える!



注目の記事をぜんぶ見る


最新記事&ニュース

楽天モバイルが「arrows We2」を一括1円で販売

2025年4月25日より、楽天モバイルがarrows We2を1円で販売するキャンペーンをスタート!条件は他社からの乗り換え(MNP)。


【ワイモバイル】もう1回線申し込みキャンペーンまとめ – 15,000円分ポイント還元やiPhone 13やSEが大幅割引、moto g64yが一括1円など限定特典あり

ワイモバイルの既存契約者向けに増額特典が用意されたキャンペーン開催中。新規契約でも通常より多い15,000円分のPayPayポイントがもらえたり、iPhoneが安く買える!


【GWセールで2ヵ月無料!!】Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – 対象者限定のおトクな特典を確認!

Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。5月6日までゴールデンウィークキャンペーンで2ヵ月無料!!


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

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


【抽選販売情報あり】Nintendo Switch 2の予約・発売日や価格、ショップなど販売情報まとめ – 進化したポイントも解説。体験イベント開催!!

ついに待望の「Nintendo Switch 2」の詳細が発表!予約・発売日・価格は?一足先に体験できるイベント「Nintendo Switch 2 体験会 TOKYO」が2025年4月26日・27日に開催。



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


usedoorをフォロー


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

【最大5,000円相当が無料でもらえる】Yahooショッピング、PayPayモールで買い物して「ウェルカムギフト」をもらう方法 – 対象となる条件などまとめ

はじめてまたは久々にYahooショッピング、PayPayモールで買い物する人は5,000円相当の商品が詰まったウェルカムギフトがもらえる!


【条件変更】auオンラインショップ「スペシャルセール」でおトクにスマホを購入する方法 – 対象機種や適用条件、割引金額などまとめ

au PAY残高キャッシュバックや割引特典がある「au Online Shop スペシャルセール」を開催中。機種変更&指定されたプランで対象機種を購入すると適用される


ahamo、LINEMO、povoどれにする?開催中キャンペーンの特典と条件を比較してみた – キャッシュバックやポイント還元などまとめ

ドコモのahamo、ソフトバンクのLINEMO、auのpovo、。大容量低価格プランを今契約するならどこが一番おトクにキャンペーンで契約できる?を比較してみた


【GWセールで2ヵ月無料!!】Kindle Unlimitedにおトクに登録できるキャンペーンまとめ – 対象者限定のおトクな特典を確認!

Amazonの読み放題サービス「Kindle Unlimited」のキャンペーンをまとめています。5月6日までゴールデンウィークキャンペーンで2ヵ月無料!!


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

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



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