ブログ運営

Chrome標準機能でウェブページ全体のスクリーンショットを取る方法

Google Chrome拡張機能を使わずに、標準機能で閲覧中のウェブページ全体のスクリーンショットを取得する方法をご紹介します。

みなさんこんにちは!
筋肉カメレオンです。

Google Chromeはとても便利な機能が標準搭載されていまして、閲覧中のウェブページ全体のスクリーンショットが簡単に取得できます。

スクリーンショット取得方法

  1. パソコンで Chrome を開きます。
  2. パフォーマンス計測したいウェブサイトを開きます。
  3. どこでも良いので右クリック -> 検証をクリックします。
  4. 左のほうにある「toggle device toolbar」をクリックします。
  5. 上部のブラウザ幅の端末選択や「Responsive」で取得したいサイズを入力します。
  6. 右上にある「More options」アイコン -> 「Capture full size screenshot」とクリックします。
  7. スクリーンショットが画像ファイルとしてダウンロードされます。

こんな感じにウェブページ全体のスクリーンショットが取得できました。

スマホのサイズでもスクリーンショットが取得できるので、ウェブデザインをされる方には必須の機能ではないでしょうか。

ではまた。

ABOUT ME
アバター
たけぴー
2018年に体調を崩して激やせしてから筋トレにハマり、筋肉をつけて体重を10kg増加。 ホームトレーニーとして自宅でできる筋トレ方法や筋肉の知識、栄養学などを主にYouTubeにて学ぶ。 好きな筋肉は上腕二頭筋。得意な筋肉は大胸筋。 二児の父。 本業は大手Web制作会社のディレクター兼エンジニア。副業でいくつかのサイトを運営中。 詳しいプロフィールはこちら
\ アフィリエイト満足度1位 /



アフィリエイトを始めるなら、まず登録いただきたいASPが「A8.net」
豊富な広告と、使いやすい管理画面。
アフィリエイト満足度ランキングで9年連続1位を獲得!
成果報酬を即日振込申請できる、即時支払機能で報酬を即現金できます。