ChromeとFirefoxでWebページ全体のスクリーンショットを撮る方法【拡張機能不要】

ChromeとFirefoxは、動作が速いだけでなく、カスタマイズ性の高さでも人気のあるブラウザです。実は、これらのブラウザにはWebページ全体のスクリーンショットを撮影する機能が標準で備わっています。この記事では、拡張機能やアドオンを一切使わずに、ChromeとFirefoxでページ全体をキャプチャする方法を詳しく解説します。

両方のブラウザには、開発者ツール（Developer Tools）の中に、任意のWebページをフルサイズで撮影できる機能が搭載されています。この機能を使えば、スクロールショットのようにページの最初から最後までを一枚の画像として保存できます。

1. FirefoxでWebページ全体のスクリーンショットを撮る方法

まず、Firefoxを起動して、撮影したいWebページを開きます。

次に、ブラウザ右上にある三本線のアイコン「メニュー」をクリックし、「Web開発（Web Developer）」を選択します。

続いて、「レスポンシブデザインモード（Responsive Design Mode）」を見つけて選択しましょう。

その状態でページ上を右クリックし、「スクリーンショットを撮る（Take a Screenshot）」を選びます。

すると、すぐに次の2つのオプションが表示されます。

• 全ページを保存（Save Full Page）：ページ全体をキャプチャ
• 表示部分を保存（Save Visible）：現在画面に見えている範囲のみキャプチャ

希望するオプションを選択し、画像をコピーするか、任意の保存先にダウンロードしてください。

2. ChromeでWebページ全体のスクリーンショットを撮る方法

まず、Chromeを起動して、キャプチャしたいWebページにアクセスします。

次に、右上の三点リーダー「メニュー」を開き、表示された一覧から「その他のツール（More Tools）」→「デベロッパーツール（Developer Tools）」の順に選択します。

デベロッパーツールが開いたら、再度三点リーダーのアイコンをクリックし、「コマンドを実行（Run Command）」を選びます。

コマンド入力欄に「Screenshot」と入力すると候補が表示されるので、その中から「Capture full-size screenshot（フルサイズのスクリーンショットをキャプチャ）」をクリックします。

保存先を求められたら、PC上の好きな場所を指定して「保存（Save）」をクリックすれば完了です。

以上で完了です！

この方法なら、拡張機能やアドオンに頼ることなく、ChromeとFirefoxのどちらでもWebページ全体のスクリーンショットを簡単に撮影できます。

なお、より多機能なキャプチャツールをお探しの場合は、Chrome・Firefox向けのスクリーンショット拡張機能を紹介した記事も参考にしてみてください。