Chromeのウェブブラウザのキャプチャは開発者ツールで標準装備されています

求人
Chromeのウェブブラウザのキャプチャは開発者ツールで標準装備されています

Chromeの画面をキャプチャしたいときは、キャプチャツールを使わずとも、そもそも開発者ツールで標準でフルスクリーンをキャプチャする機能があります。

開発者ツール(F12)でToggle device toolbarをクリックします。または、ctrl + shift + mを押します。

以下のようにプレビュー画面が表示されます。※以下はヤフーのプレビューです。

Chromeのウェブブラウザのキャプチャは開発者ツールで標準装備されています

「Responsive」をクリックし、「Edit…」をクリックします。

エミュレートしたいデバイスを追加しておきます。

例えば「Laptop with HiDPI screen」や「Laptop with MDPI screen」などを追加しておけばフルスクリーンでキャプチャ可能です。

次に右上の三点リーダーをクリックして「Capture full size screenshot」をクリックすれば全画面のキャプチャをpngかjpgで保存ができます。

Chromeって便利ですね。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA