Firefoxでサイト全体のスクリーンショットを撮る方法

LINEで送る
Pocket

普通にWebサイトのスクリーンショットを撮ると、当然ですが表示されている部分しか保存されませんよね。

下の画像はYahoo!ファイナンスのトップページのスクリーンショットを撮ったところ。

Webサイトのスクリーンショット

ブラウザで表示されている部分までは撮れますが、まだまだページは下に続いています。Webサイトを上から下まで全体を撮りたいときはアドオンを使っていましたが、Firefox 32以降は開発ツールからWebサイト全体のスクリーンショットが撮れるようになりました。

スポンサーリンク

Firefoxの開発ツールからWebサイト全体のスクリーンショットを撮る方法

Firefox > キーボードの [ F12 ] キーを押す。

もしくは、右クリック > [ 要素を調査 ] をクリック。

Firefox 要素を調査

歯車アイコンの [ 開発ツールのオプション ] をクリック。

Firefox 開発ツール

[ ページ全体のスクリーンショットを撮影します ] にチェックを入れる。
チェックを入れると、カメラのアイコンが追加されます。
追加されたカメラのアイコンをクリックすると、Webサイト全体のスクリーンショットが撮影されます。

Firefox 開発ツール 「ページ全体のスクリーンショットを撮影します」にチェック

撮影後はバツマークの [ 開発ツールを閉じます ] をクリックすれば開発ツールを閉じることができます。

Firefox 開発ツールを閉じる

こちらが保存されたスクリーンショット。全体を写しているため縦に長いのがおわかりいただけると思います。

保存形式はPNGです。

FirefoxでWebサイト全体のスクリーンショットが保存された

撮ったスクリーンショットの保存先は?

Firefox > 上部メニュー [ ツール ] > [ オプション ] をクリック。
もしくは右上の [ メニュー ] > [ オプション ] クリック。

Firefoxのオプションを開く

[ 一般 ] > [ ダウンロード ] > [ 次のフォルダーに保存する ] で設定しているフォルダに保存されます。

Firefox オプション

下の [ ファイルごとに保存先を指定する ] の設定にしていても [ 次のフォルダーに保存する ] で指定しているフォルダに保存されます。

この記事を書いたときの環境

  • Windows 8.1
  • Firefox 53 64bit版

スポンサーリンク