目次

Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する

目次

Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する手順を紹介します。

手順

Google ChromeでWebページを開いて表示します。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像1

ウィンドウ上部の[...]ボタンをクリックします。ドロップダウンメニューが表示されますので、[その他のツール]サブメニューの [デベロッパーツール]の項目をクリックします。または[F12]キーを押下します。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像2

デベロッパーツールのウィンドウが表示されます。下図の例ではウィンドウの右側に表示されています。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像3

[Ctrl]+[Alt]+[P] キーを押します。下図の画面に切り替わります。デベロッパーツールのウィンドウに[Run]のポップアップウィンドウが表示されます。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像4

[Ctrl]+[Alt]+[P] キーが効かない場合やマウスで操作する場合は、デベロッパーツールのツールバーの[...]メニューボタンをクリックします。 ドロップダウンメニューが表示されますので、[Run command]の項目をクリックします。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像5

Runのテキストボックスに、"Full" を入力します。[Capture fll size screenshot] の項目が絞り込まれて表示されます。 項目をクリックするか、[Enter]キーを押します。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像6

スクリーンキャプチャが作成され、ダウンロードフォルダにファイルが作成されます。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像7

スクリーンショット画像を画像ビューワーで確認します。ページ全体の画像が作成できています。
Google Chrome で表示しているWebページのスクリーンキャプチャを撮影する:画像8

Google Chromeでページのスクリーンキャプチャを取得できました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2024-09-13
Copyright © 1995–2025 iPentec all rights reserverd.