FirefoxでWebページの全画面スクリーンショットを取る方法(拡張機能不要)

お疲れさまです。@yoshikiitoです。

WebサイトやWebアプリケーションのテストをしているときや、Webデザインをしているときなど、ページ全体のスクリーンショットが撮りたい場面があります。

そんなとき、Firefoxだと拡張機能等を使わずにスクリーンショットが撮れるのです。意外と知らないのでご紹介します。

FirefoxでWebページの全画面スクリーンショットを取る方法

まず、取得したいページで右クリックし、「要素を調査」を選択します。

そうすると、画面下にページのソース等が出てきますね。
ここで、画面の右のほうにあるカメラのアイコンをクリックする。これだけです。
日々にTechを ブログにIO

実際に取得した画像を表示してみると、
Screen Shot 2017 02 20 at 00 19 40 fullpage png と 日々にTechを ブログにIO と OneTab
こんな感じで、縦に長いページでも全体を出してくれます。

カメラアイコンが無い場合

設定をいじれば出てくるので大丈夫。
まずは歯車のアイコンを選択。

日々にTechを ブログにIO 2

次に、画面左下にある「ページ全体のスクリーンショットを撮影します」にチェックを入れます。
そうすると、カメラアイコンが表示されます。

日々にTechを ブログにIO 3

ページ全体のスクリーンショット、テストのエビデンスを撮りたい場合や全体の確認を行いたい場合に便利です。
ブラウザに特に指定がない場合なんかはこれで充分ですね。

関連

Chromeの場合はこちら。

ChromeでWebページの全画面スクリーンショットを撮る方法(拡張機能不要) | ひびテク

ABOUTこの記事をかいた人

都内でテストエンジニア&ブロガーをやっている@yoshikiitoです。 ソフトウェアエンジニアの学習方法や成長するための考え方、会社に依存せず自分の力で生きていけるエンジニアになる方法などについて興味があります。 こういった方法や考え方、自分が試したことなどをブログを通じて発信します。 仕事は主にソフトウェアテストやテスト自動化。 趣味は浦和レッズと読書と技術書を買って積むこと。 技術評論社から本を出すのが夢