ChromeでWebページ全体を撮る方法(拡張機能も不要!)

WebブラウザーGoogle Chromeを使って縦に長いWebページ全体のスクリーンショットを撮る方法(拡張機能も不要!)
ブラウザーの画面上に表示されている部分だけでなく、スクロールした先も含めたページ全体を撮りたいことがあります。今回は、そんなときに便利なテクニックを紹介します。

1.Chromeのデベロッパーツールを表示する
画像の説明

フルスクリーンキャプチャーを撮りたいWebページを表示した状態で、画面右上にある[Google Chromeの設定]アイコン→[その他のツール]→[デベロッパーツール]の順にクリックします。

2.Chromeのデベロッパーツールが表示された
画像の説明

デベロッパーツールが表示されたら、[toggle device toolbar]アイコンをクリックします(1)。すると画面の上部にWebページを表示するブラウザーの種類やサイズが表示されるので、必要に応じて変更も可能です(2)。

3.スクリーンショットを撮る
画像の説明

デベロッパーツールの右上にある[More options]アイコン→[Capture full size screenshot]の順にクリックして、フルサイズのスクリーンショットを撮りますが表示されたら、[toggle device toolbar]をクリックします(1)。すると画面の上部にWebページを表示するブラウザーの種類やサイズが表示されるので、必要に応じて変更も可能です。

4.スクリーンショットが保存された
画像の説明

スクリーンショットがダウンロードされました。ダウンロードされたファイルをクリックして確認してみましょう。

5.スクリーンショットが表示された
画像の説明
ダウンロードされたスクリーンショットが表示されました。縦に長いWebページのスクリーンショットがきちんと撮られていることが確認できます。