Webサイト全体のスクリーンショットを取得する方法

技術

Webサイト全体のスクリーンショットを撮りたくないですか?
わかります。撮りたいですよね。

準備するもの

  • Google Chrome

手順

  1. スクリーンショットを取得したいWebサイトをChromeで開く

  2. キーボードの[F12]キーでデベロッパーツールを開く

  3. キーボードの[Ctrl] + [Shift] + [P] キーを入力しコマンド入力画面を表示させる

  4. コマンド入力欄に「capture full」まで入力すると「Capture full size screenshot」が表示されるので選択

  5. しばらくすると画像(png)ファイルとしてダウンロードされます。


ダウンロードしたファイルを画像ビューワで確認すると細長い画像が開きます。

拡大するとしっかりスクリーンショットが取得できてることが確認できます。

せっかくなので取得したスクリーンショットのファイルを置いておきますね。
必要な方は下記のリンクからダウンロードしてください。
愛の妖精ぷりんてぃん公式ホームページのスクリーンショットファイル

コメント

タイトルとURLをコピーしました