miriwoのブログ

IT系の技術や少し趣味よりのことも投稿してゆくよ😊

Google Chrome 表示しているページ全体のスクショ(縦長スクショ)を撮影する方法

目的

  • Chromeで表示しているページ全体のスクショ(縦長スクショ)を撮影する方法をまとめる

環境

  • 筆者の使用しているPCはMacである。(若干の違いはあれど、Windowsでも同じ方法で撮影が可能だと思う。)

方法

  1. スクショを撮影したいページをChromeで開く。
  2. 画面を右クリックして表示されたメニューの「検証」をクリックする。

    f:id:miriwo:20210724141958p:plain

  3. 下記のような画面が開く。

    f:id:miriwo:20210724142027p:plain

  4. 下記画像の赤矢印が指しているスマホタブレットのボタンをクリックする。

    f:id:miriwo:20210724142233p:plain

  5. 左部の画面が細く表示されているので、下記画像の赤矢印が指している部分の縦のイコールみたいなボタンをクリックしたまま幅を広げる。

    f:id:miriwo:20210724142345p:plain

  6. 下記画像の赤矢印が指している部分の三点リーダーボタンをクリックする。

    f:id:miriwo:20210724142537p:plain

  7. 「Capture full size screenshot」をクリックする。

    f:id:miriwo:20210724142700p:plain

  8. 表示しているページ全体のスクショがダウンロードされる。

    f:id:miriwo:20210724142759p:plain