ひとりでのアプリ開発 - fineの備忘録 -

ひとりでアプリ開発をするなかで起こったことや学んだことを書き溜めていきます

Chromeでウェブサイト全体のスクリーンショットをする方法

初めに

 本記事では、Chromeでウェブサイト全体のスクリーンショットをする方法をまとめます。

Chromeでウェブサイト全体のスクリーンショットをする方法

 次の手順でウェブサイト全体のスクリーンショットができます。

(手順)

  1. デベロッパーツールを開く
    デベロッパーツールはCtrl+Shift+I または 3点リーダーアイコンから開く

  2. デベロッパーツールを開いた状態でCtrl+Shift+P
  3. "full" と入力し、Capture full size screenshot を選択する
  4. ウェブサイト全体のスクリーンショットがダウンロードされる