【Firefox】アドオンなしでページ全体のスクショを撮る方法

この記事は約3分で読めます。
記事内に広告が含まれています

イメージ

こんにちは、さち です。

今回は、Firefox でページ全体の「スクリーンショット(以下:スクショ)」を撮影する方法について書いていきます。

ネットでのオンライン申し込み(契約)などの内容を、一時的に控えておきたい時に使うと便利ですよ。

スポンサーリンク

【方法1】 標準機能を使う

前準備

まずは、「スクショ」をするボタン(アイコン)を追加していきます。ボタン(アイコン)が必要ない場合は、この操作は不要です。

また、この操作をするのは初回だけで、次回以降は必要ありません。

  1. Firefox の「(メニュー)」アイコンをクリックします。
    「バーガーメニュー」アイコン
  2. その他のツール」をクリック。
    その他のツール
  3. ツールバーをカスタマイズ」をクリック。
    ツールバーをカスタマイズ
  4. スクリーンショット」をドラッグ&ドロップして、使いやすいとこに追加します。
    ツールバーをカスタマイズ
  5. ハサミ(スクリーンショット)」アイコンが配置できれば準備完了です。
    「スクリーンショット」アイコン

スクショの撮り方

  1. 全体をスクショしたいページを開きます。
    Firefox でサイトを表示
  2. ハサミ(スクリーンショット)」アイコンをクリック。(ショートカットキーは Ctrl + Shift + S キー)
    「スクリーンショット」アイコン
  3. ページ全体を保存」をクリック。
    スクリーンショットの保存
  4. ダウンロード」をクリック。
    スクリーンショットの保存
  5. ページ全体のスクショが「PNG」画像で保存されました。
    サイト全体のスクリーンショットが保存
ページ全体をスクショできる最大サイズは 10,000px です

 

【方法2】 開発ツールを使う

前準備

まずは、ページ全体のスクショするための準備をしていきます。この操作をするのは初回だけで、次回以降は必要ありません。

  1. F12 キー または Ctrl + Shift + I キー を押して、「ウェブ開発ツール」を表示します。(メニューの「ツール」→「ブラウザーツール」→「ウェブ開発ツール」でもOK)
    開発ツール
  2. F1 キーを押して「設定」を表示(右上の「…(開発ツールのカスタマイズとヘルプ)」→「設定」でもOK)。左下にある「ページ全体のスクリーンショット撮影」をオンにします。
    ページ全体のスクリーンショット撮影
  3. 「開発ツール」の右上に「カメラ(ページ全体のスクリーンショット撮影)」アイコンが追加されていれば準備完了です。
    ページ全体のスクリーンショット撮影
開発ツールの「設定」にある「スクリーンショットの動作」から、スクショ時にシャッター音を鳴らしたり、クリップボードにコピーしたりできます

スクショの撮り方

  1. 全体をスクショしたいページを開きます。
    Firefox でサイトを表示
  2. F12 キー または Ctrl + Shift + I キー を押して、「ウェブ開発ツール」を表示します。(メニューの「ツール」→「ブラウザーツール」→「ウェブ開発ツール」でもOK)
    開発ツール
  3. 右上にある「カメラ(ページ全体のスクリーンショット撮影)」アイコンがクリックします。
    ページ全体のスクリーンショット撮影
  4. ページ全体のスクショが「PNG」画像で保存されました。
    サイト全体のスクリーンショットが保存
ページ全体をスクショできる最大サイズは 10,000px です

関連記事

【Chrome, Edge】アドオンなしでページ全体のスクショを撮る方法

コメント

タイトルとURLをコピーしました