Chromeの標準機能だけでキャプチャーする方法を紹介します。});この記事は会員限定です。いちいちスクロールしないでWebページ全体をキャプチャーしたいPC向けのWebページ全体をキャプチャーするスマホ向けのWebページ全体をキャプチャーするWebページ全体のスクリーンショットを撮る際の注意いちいちスクロールしないでWebページ全体をキャプチャーしたいWebページをキャプチャーしてスクリーンショットを保存する際、ページ全体を撮ろうとして苦労したことはありませんか?長大なWebページの上から下まで丸ごとキャプチャーしたいたいていWebページの長さに比べるとディスプレイの高さが足りないため、そこに表示されるWebブラウザではページ全体を見るのにスクロールを繰り返す必要があります。OS標準のキャプチャー機能では、撮る瞬間に表示されている領域しかキャプチャーできず、スクロールするまで隠れている(表示されていない)領域は撮れません。いって、手動でスクロールしながらキャプチャーを繰り返し、後で全スクリーンショットをつなぎ合わせる、なんて作業は非常に面倒です。Chrome(以下、Chromeと略)を対象として、Webページ全体をキャプチャーする方法を紹介します。拡張機能は使わず、Chrome標準装備の「デベロッパーツール」のみ用います(デベロッパーツールは開発者に限らず、利用者でも使用できます)。PC向けとスマホ(スマートフォン)向けのレイアウトをキャプチャーする手順が若干異なるので、それぞれ説明します。Android版やiOS(iPhone)版のChromeでは、標準機能だけでWebページ全体をキャプチャーする方法はないようです。OS版Chromeの画面で説明していますが、基本的にmacOSでも同様です(ショートカットキーは両方とも記しています)。screenshot」を実行します。それにはまず、キャプチャーしたいWebページを開いた状態で以下のショートカットキーを押してデベロッパーツールを開きます(以下の画面のようにメニューアイコンから起動しても構いません)。[command]+[option]+[I]キーここでデベロッパーツールをブラウザウィンドウとは別のウィンドウに分離しておきます。OSなら[F12]キーまたは[Ctrl]+[Shift]+[I]キー、macOSなら[command]+[option]+[I]キーを押して、デベロッパーツールを開いても構いません。▼PC向けのWebページ全体をキャプチャーする(2/6)次に、ブラウザペインでWebページを一番上までスクロールした後、デベロッパーツールにフォーカスを移してから、次のショートカットキーを押してコマンド入力ダイアログを開きます。screenshot」をクリックすると、ページ全体のスクリーンショットが撮られ、PNGファイルでダウンロードされます。設定を有効にする必要があります。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。