Google Chrome(MS Edge)で機能拡張無しでWebページスクリーンショット撮影

この記事を書くまでは、Google ChromeでWebページスクリーンショットを撮影するには何らかの機能拡張を入れないと撮影出来ないと捉えていたのですが、実はそうではありませんでしたという記録がこちらです。そして、Chromeと同じChroniumベースになったMicrosoft Edgeでも同様でした。

■手順

  1. 撮影したいWebページを開き、デべロッパーツール(F12)を起動
  2. Ctrl+Shift+P(macOSの場合はCommand+Shift+P)を押す
  3. デベロッパーツール内上部に検索フィールドが出てくるので[screen]と入力
  4. 結果候補内の[Capture full size screenshot](Edgeの場合は[フルサイズのスクリーンショットをキャプチャする])を選択
  5. 少し待つとファイルダイアログが出てくるので保存(PNG形式のみ)
■Google Chromeの場合
■MS Edgeの場合(デベロッパーツールが日本語化されている)