ChromeまたはFirefoxで全ページスクリーンショットを撮る方法

FirefoxはWindows PCで人気のブラウザです。FirefoxとChromeの開発者ツールバーを使用すると、ブラウザのアドオンやサードパーティの画面キャプチャソフトウェアを使わずにブラウザウィンドウのスクリーンショットを撮ることができます。このチュートリアルでは、サードパーティのソフトウェアを使用またはインストールすることなく、ChromeまたはFirefoxブラウザでスクリーンショットを撮る方法を説明します。

もちろん、Windowsでデスクトップのスクリーンショットを撮るには、PrtScrまたはPrint Screenキーを押す必要があることはご存知でしょう。これはキーボードの右上セクションにあります。アクティブなウィンドウのみをキャプチャするには、Print Screenキーを押す前にAltキーを押したままにします。組み込みの開発者ツールを使って行う方法を見てみましょう。

Chromeでスクリーンショットを撮る方法

興味深いチュートリアルをオンラインで見つけて、後で参照するためにそのウェブページのコピーをコンピュータにスクリーンショットとして保存したい場合に、スクリーンキャプチャは非常に役立ちます。同じことをしたい場合は、以下の投稿で説明されている手順に従って、Google Chromeの任意のウェブページの全ページスクリーンショットを撮ることができます。

まず、Google Chromeを起動して、画面をキャプチャしたいウェブページに移動します。

そこに着いたら、コンピュータ画面の右上隅にあるブラウザのハンバーガーアイコンをクリックします。

次に、アクションメニューが開いたら「その他のツール」を選択し、「開発者ツール」オプションを選択します。

その後、開発者ツールの小さなウィンドウが表示されます。下の画像のようにデバイスモードの切り替えボタンをクリックしてオプションを有効にします。有効になると、ボタンは青色になります。

ここで、開発者ツールウィンドウを最小化し、背景にスクリーンショットを設定します。また、デバイスドロップダウンメニューからスクリーンショットに適したデバイスの種類を選択します。

必要に応じて、スクリーンショットのサイズと向きを構成します。

完了したら、右端にある3点アイコンをクリックし、表示されたオプションのリストから「スクリーンショットをキャプチャ」と表示されているものを選択します。

以上です！

Firefoxでスクリーンショットを撮る方法

ヒント: Firefoxスクリーンショット機能を有効にすることもできます。

Mozilla Firefoxブラウザを開き、画面をキャプチャしたいウェブページに移動します。そこに着いたら、右上隅にあるその他の操作アイコンをクリックします。

開発者タイルを選択します。これにより、ウェブ開発者ツールが開きます。または、「Ctrl+Shift+I」を押して開発者ツールを起動することもできます。

次に、表示されたオプションのリストから、「レスポンシブデザインモード」と表示されているものを選択します。

ここで、必要に応じて、正しいオプションのセットを構成することで、スクリーンショットのサイズと向きを設定できます。すべてが所定の位置にあることがわかったら、カメラボタンを押して画面をキャプチャします。

最後に、キャプチャしたスクリーンショットをコンピュータ上の目的の場所に保存します。

スクリーンショットは、さまざまなウェブブラウザやシステムでブラウザの互換性を徹底的にチェックするためにブラウザのスクリーンショットを撮るウェブデザイナーにとって非常に役立ちます。目的が何であれ、これらの開発者ツールを使ってChromeまたはFirefoxブラウザでネイティブにスクリーンショットを撮ることができます。