Webエンジニアのメモ帳

技術的な話を中心に書いています。

MacのGoogle Chromeで画面全体のスクリーンショットを撮る方法

MacGoogle Chromeで画面全体のスクリーンショットを撮る方法を説明します。

手順

手順は以下の通りとなります。
  1. command + option + i でデベロッパーツールを開く
  2. command + shift + p でコマンド入力フォームを表示
  3. 「full」と入力し、サジェストされる「Capture full size screenshot」をクリック

解説

上記の手順を、詳細に説明します。

1. デベロッパーツールを開く

Google Chromeで画面全体のスクリーンショットを撮るには、「デベロッパーツール」から行う必要があります。 エンジニア以外の方からすると聞き慣れないと思いますが、以下の画像の右側に表示されているものです。 f:id:iberia9lavapies:20220218090519p:plain この「デベロッパーツール」はcommand + option + i で開くことができます。

2. デベロッパーツールでコマンドを扱う

デベロッパーツールでは、様々な「コマンド」を実行できます。 まずは、コマンドを実行するフォームをcommand + shift + pで開きます。 f:id:iberia9lavapies:20220218091240p:plain ここで「Capture full size screenshot」というコマンドを実行すれば、画面全体(Chromeでは見切れている部分も含む)のスクリーンショットが撮影できます。 f:id:iberia9lavapies:20220218091253p:plain コマンドは、文字列の一部を入力するとサジェストされますので、「full」などの文字列を入力すればサジェストされます。