2020.11.27
カテゴリ：講座
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ページのスクリーンショットがきちんと撮られていることが確認できます。
次に読むと役立つ関連記事
1 Chromeで動画と音楽の再生する
2 Chromeにショートカットを追加
3 ChromeのQRコード作成機能はスマホに役立つ
4 Chrome ゲストモードとシークレットモードの違い
5 ChromeでWebページ全体を撮る方法（拡張機能も不要！）
6 最新版「Chrome 87」公開 CPU使用率を1/5に