ITで誰もが幸せになる!「PCまなぶ」のブログ

Edge / Chromeの縦に長い画面をキャプチャーする

凄く縦に長い画面をキャプチャーするのは大変です。

今回は、ブラウザの標準機能を使ってサクっと全画面キャプチャーをします。

従来の方法だと「full size screenshot」コマンドを実行するために「full」と入力しておりましたが、新しいバージョンから「フルサイズのスクリーンショットをキャプチャ」の「フル」に代わりました。

キーボードショートカットは、便利な反面忘れやすいので両方を記載します。

操作方法(要約)

  1. デベロッパーツールを起動する
    Windows: [F12]または[Ctrl] + [Shift] + [I]
    Mac: [command] + [option] + [I]
    Chromeの場合は右クリックの[検証]も覚えやすい
    Edgeの場合は右クリックの[開発ツールで調査する]
  2. コマンドを実行
    Windows: [Ctrl] + [Shift] + [P]
    Mac: [command] + [option] + [P]
  3. 「フル」と入力する
  4. 「ダウンロード」フォルダーにキャプチャー画像がダウンロードされる

学習素材

Oliveキャンペーン実施中!最大26,000円相当プレゼント:三井住友銀行

SBI証券の口座開設プラン&証券取引キャンペーン: 三井住友銀行

操作方法(詳細)

デベロッパーツールを起動する [F12]または[Ctrl] + [Shift] + [i]

[F12]または[Ctrl] + [Shift] + [i]が楽です。

Edgeの場合は、「…」⇒「その他のツール」⇒「開発者ツール」

Chromeの場合は、「︙」⇒その他のツール」⇒「デベロッパーツール」

コマンドを実行[Ctrl] + [Shift] + [P]

[Ctrl] + [Shift] + [P]が楽です。

Edgeの場合は、「…」⇒「コマンドの実行」

Chromeの場合は、「︙」⇒「コマンドの実行」

「フル」と入力する

キーボードを使わなくてもスクロールして探すことが出来ます。「スクリーンショット」を目安に探すと良いです。

「ダウンロード」フォルダーにキャプチャー画像がダウンロードされる

フルサイズの画像がダウンロードされます。

  • B!