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

知っておくべきこと

• 3つのドットのその他のメニューを選択します>その他のツール>開発者ツール 。省略記号アイコンをクリック>コマンドの実行>「スクリーンショット」と入力します。
• タイプを選択します：エリアスクリーンショット、フルサイズスクリーンショット、ノードスクリーンショット、またはスクリーンショット。

この記事では、開発者ツール内に隠されたユーティリティを使用してMicrosoftEdgeでスクリーンショットを撮る方法について説明します。

EdgeでWebページのスクリーンショットを撮る方法

すべての画面キャプチャソフトウェアがスクロール可能なコンテンツでクリーンな仕事をするわけではないため、ブラウザ自体からWebページのフルページのスクリーンショットを撮る機能は非常に貴重です。 Edgeの開発ツールを使用して、全ページの画面キャプチャと他の3種類のスクリーンショットを作成できます。

ブラウザは、画像ファイルをコンピュータのデフォルトのダウンロードフォルダに保存するか、特定の場所の入力を求めるプロンプトを表示します。

1. F12を押します キーまたはCtrl+ Shift + I Windowsのキーボードで開発者ツールを開く MicrosoftEdgeで。 macOSユーザーは、コマンド+オプション+ Iを使用する必要があります キーボードショートカット。 Edgeツールバーから開発者ツールにアクセスすることもできます。 3つのドットのその他を選択します>その他のツール>開発者ツール 。

   

2. 開発者ツールパネルで、右上にある3つの省略記号アイコンを選択して、開発ツールのカスタマイズと制御を開きます。 。

   

3. コマンドの実行を選択します （または Ctrl + Shift + Pを押します ）垂直メニューから。

4. [ファイル名を指定して実行]コマンドパネルに「screenshot」と入力して、4つの可能なコマンドを表示します。これらの4つのコマンドは、キャプチャするWebページの部分を選択するのに役立ちます。

   

5. キャプチャ領域のスクリーンショットを選択します コマンドのリストから、特定の領域のスクリーンショットを撮ります。十字線を使用して左クリックし、スクリーンショットのアウトラインを描画します。 （セクションを強調表示して、濃い灰色に変わることを示していますが、明らかに、必要な部分を強調表示します。）

   

6. フルサイズのスクリーンショットをキャプチャするを選択します コマンドのリストから、フルサイズのスクリーンショットを撮ります。これにより、画面に表示されていないスクロール可能なコンテンツを含むWebページ全体がキャプチャされます。

7. キャプチャノードのスクリーンショットを選択します コマンドのリストから、要素から開発ツールで選択したHTMLノードをキャプチャします。 タブ。選択したノードを右クリックして、[ノードのスクリーンショットのキャプチャ]を選択することもできます。たとえば、「ヘッダークラ​​ス」を選択して、ウェブページのヘッダーをキャプチャします。

   

8. スクリーンショットのキャプチャを選択します コマンドのリストから、アクティブなビューのスクリーンショットを撮ります。これはブラウザ内に表示される領域であり、スクロール可能であるが非表示の領域は含まれていません。

ヒント：

ChromeやEdgeなどのChromiumブラウザでは、他のデバイスとその画面解像度をエミュレートすることもできます。このプロパティとスクリーンショットコマンドを使用して、特定のデバイスでWebページがどのように表示されるかをキャプチャすることもできます。

デバイスエミュレーションの切り替えを選択します 開発ツールツールバー（または Ctrl + Shift + M を押す） 。