Web画面全体をスクリーンキャプチャーする方法(2選)

Web経由で手続きを行った等、内容を保存したい時があります。
PDF形式で印刷してもよいのですが、1ページで収まりきらない場合は、
細切になり、可読性が悪くなる場合もあります。

対応策とまではいきませんが、1枚の画像として記録する方法を2つ紹介いたしたいと思います。

まず1つ目は、Edgeの「スクリーンショット」を使う方法です。

１．スクリーンキャプチャーを撮りたいページを表示させます。

記事が多くなると結構長くなるものです

２．画面右上の「…」アイコンをクリックして、「スクリーンショット」を選択してください。

そのものズバリの機能ですね。

３．画面上部にメニューが表示されますので「ページ全体をキャプチャ」を選択してください。

押すとすぐに次の画面に切り替わります

４．新たにウインドウが開きますので、右上の「フロッピーディスク」のアイコンをクリックするとダウンロードされます。

最近はなかなか実物を見かけないです

2つ目の方法です。Micrsoft Edgeを使って説明しますが、Google Chromeでも同じ方法で出来ると思います。(すみません未確認です)

１．スクリーンキャプチャーを撮りたいページを表示させます。

記事が多くなると結構長くなるものです

２．「F12」キーを押して開発者ツールを起動します。
３．問い合わせが発生したら「DevToolを開く」を選択してください。

急に出てくると驚きますが、慌てずに選択してください。

４．開発者ツールが起動したら、画面左側のウインドウ上部にメニューが表示されているか確認してください。

表示されるかどうは環境に依存します

５．表示されていない場合は、右上の開発者ツールの「デバイスエミュレーションの切り替え」をクリックしてください。

開発ツールは色々できますので、別記事で別機能を紹介したいです

６．画面上部にメニューが表示される事を確認してください。もし、ページ全体が表示されない場合は、中央の「赤丸」内をドラッグする事で表示幅を変更できます。

つかむ部分の名前が判りませんでした

画面いっぱいに表示されました

７．表示させたメニュー一番右のアイコンをクリックすると、メニューが表示されますので、「フルサイズのスクリーンショットをキャプチャする」を選択します。

結構位置が微妙な場所にあります

８．画像としてダウンロードされます。

加工済みの画面です(イメージになります)

P.S.　ページの構成によっては、一部が取れなかったりする事もあるようなので、その点は注意をお願いします。