【超便利】Google chrome検証ツールでサイト全体を簡単キャプチャ

この記事はWebサイト全体のスクリーンショットをChromeの機能だけで簡単に取得する方法について書かれています。

Webサイト全体のスクリーンショットを取るとき、あなたならどのようにするでしょうか?

最近だとブラウザの拡張機能を使ったり、一昔前だと専用ソフトを使ったりするのが普通でした。

実はChromeの検証ツールにWebサイトのキャプチャ機能がある

Chromeの検証ツールは超絶便利ですが、Webサイトの全体キャプチャの取得もできてしまいます。

イージーです。

①Chromeの検証ツールを立ち上げる

WindowsならChromeでF12を押してChromeの検証ツールを立ち上げます。

②メニューをクリックして、Run commandを実行

3つ点が縦に並んだメニューをクリック

Run Commandを選択

③コマンド入力

そうするとコマンド入力できるようになるので、

screenshotと入力します

そうすると、Cpature ~シリーズに絞り込まれますので、

Capture full size screenshotを選びます。

④キャプチャ画像が保存されます

そうすると非表示の部分も含めてサイト全体のキャプチャ画像がファイルとして保存されます。

まとめ

はい、とてもイージーにChromeの拡張機能でサイト全体のスクリーンショットを取得できました。

 

 

タイトルとURLをコピーしました