Webメディア

【小ワザ】Webサイトのページ全体をキャプチャする方法!

こんにちは、Takamiです!

PCでWebサイトのキャプチャ(スクリーンショット)をする際、「ページ全体を撮りたいのに画面に入りきらない!」と思ったことはありませんか?

今回は、Webサイトのページ全体、画面に映りきらない範囲も含めてキャプチャして画像を保存できる方法を教えます!

ページ全体のキャプチャ方法

①撮影したいページで右クリック→「検証」をクリック。「Ctrl」+「Shift」+「I」でも大丈夫です。

②デベロッパーツールが表示されたら、「Ctrl」+「Shift」+「P」を押下。「Run > 」と記載のある枠が表示されます。

③「full」と入力。画面全体をキャプチャする「Capture full size screenshot」というコマンドが自動で選択されるので、そのまま「Enter」を押下。

④ページ全体をキャプチャした画像(png形式)がダウンロードされます!

さいごに

今回はWebサイトのページをまるごとキャプチャできる裏技をご紹介しました。

私は要件定義書の作成などのタイミングでよく利用するのですが、これを読んだ皆さんのお役に立てれば幸いです。

以上、Takamiがお送りしました!