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

2017年11月10日

Chromeでサイト全体のスクリーンショットを撮る方法です。
とても便利なので使用してみたらいかがでしょうか。

  1. デベロッパーツールを開く
    デベロッパーツールを開く
  2. 「Toggle device toolbar」を押して、device toolbarを表示する
    「Toggle device toolbar」を押す
  3. 「Capture full size screenshop」を押す
    「Capture full size screenshop」を押す

デフォルトではPCサイズがないので以下のように追加する

  1. 端末を選ぶところで「Edit...」を選択する
    「Edit...」を選択する
  2. 「Laptop」を追加する
    「Laptop」を追加する