Step By Work

大阪のホームページ制作会社

拡張機能無しでWebサイト全体のスクリーンショットを撮る方法

Date: 2022.11.05
Update: 2023.12.02

執筆・監修

上杉 洋 Hiroshi Uesugi

1991年生まれ。 株式会社ステップバイワーク代表。 2013年に株式会社n.uを設立。 2015年にStep by workとして独立。 2021年株式会社ステップバイワークとして法人化。 HP制作/SEO対策/コンテンツ制作/動画制作/YouTube運用/写真撮/WordPressを全て一人でやります。

GoogleChromeを使っていれば拡張機能なしで、Webサイト全体のスクリーンショットを撮ることができますので紹介します。

  1. まずは保存したいWebページを開きます。
  2. ページ内のどこでもよいので右クリックをして「検証」をクリックします
  3. すると開発者ツールがでてくるので「要素」のタブをクリック
  4. スクリーンショットを撮りたい要素にカーソルを合わせて右クリック
    ※サイト全体なら「body」要素にカーソルをあわせてください
  5. 「ノードのスクリーンショットをキャプチャ」を選択

以上で簡単にスクリーンショットを撮ることができます

この記事へのコメント 0件