プラグインなし！Chromeのデベロッパーツールでフルサイズのスクリーンショットを撮る方法

わかりやすいタイトルを心がけております。

拡張機能を入れなくてもChromeでスクショを取ることができます。

以下手順になりますが、メインがMacなのでWindowsについてはおまけ程度の認識でお願いいたします。

【1】デベロッパーツールを開きます

command + option + I

F12や右クリック→検証でも開けます。

Ctrl + Shift + I

command + shift + P

Ctrl + Shift + P

デベロッパーツールの言語設定が日本語になっている場合、とデフォルト（おそらく英語）で異なります。

日本語の場合

「フル」 → return

英語の場合

「full」 → Enter

実行に「スクリーン」と入力すればフルサイズでないスクショも撮れます。

追従しているコンテンツ（ヘッダー、フッター、CTAボタン、サイドナビ）があるとそれらが重複して映りこんでくる場合があるのでご注意。