CATEGORIES:TOOLS / TAGS:
Chromeでサイトのフルスクリーンショット

MacのChromeでフルスクリーンショットを取る手順。部分的なスクリーンショットは「command」+「Shift」+「4」で範囲を選択して保存できるが、この方法で表示されていない部分も含めてフルページのショットを取ることができる。

・「command」+「option」+「I」でデべロッパーツール(検証)を開く
・「command」+「Shift」+「p」でコマンドを表示
・コマンドの検索に「screen」と入力してタブキーで「フルサイズのスクリーンをキャプチャ」を選択
・ダイアログボックスが表示されるので保存名を入力し「保存」で完了

Chromeでサイトフルスクリーンショット

以上でフルスクリーンのping画像が保存される。「スクリーンショットをキャプチャ」を選択すれば今表示されている範囲のみのキャプチャとなる。

サイズをiPhone6/7/8にしたこのサイトのトップページのスクリーンショット。便利だね。

Chromeでサイトフルスクリーンショット

NOTICES

  • 記事内容は実装させたものがほとんどですが自己責任で参考にしてください。

TO HEADER