この記事はWebサイト全体のスクリーンショットをChromeの機能だけで簡単に取得する方法について書かれています。
Webサイト全体のスクリーンショットを取るとき、あなたならどのようにするでしょうか?
最近だとブラウザの拡張機能を使ったり、一昔前だと専用ソフトを使ったりするのが普通でした。
実はChromeの検証ツールにWebサイトのキャプチャ機能がある
Chromeの検証ツールは超絶便利ですが、Webサイトの全体キャプチャの取得もできてしまいます。
イージーです。
①Chromeの検証ツールを立ち上げる
WindowsならChromeでF12を押してChromeの検証ツールを立ち上げます。
②メニューをクリックして、Run commandを実行
3つ点が縦に並んだメニューをクリック
Run Commandを選択
③コマンド入力
そうするとコマンド入力できるようになるので、
screenshotと入力します
そうすると、Cpature ~シリーズに絞り込まれますので、
Capture full size screenshotを選びます。
④キャプチャ画像が保存されます
そうすると非表示の部分も含めてサイト全体のキャプチャ画像がファイルとして保存されます。
まとめ
はい、とてもイージーにChromeの拡張機能でサイト全体のスクリーンショットを取得できました。