Go to Qiita Advent Calendar Top
LoginSignup
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@errguess40

Chromeのデベロッパーツールでスクリーンショットを撮影する

Last updated at Posted at 2025-11-11

この記事は何か？

Chromeのデベロッパーツールでスクリーンショットを撮影する手順のメモです。

スクリーンショットを取る手順

1. デベロッパーツールを起動する

  1. Chromeを起動する

  2. メニュー > その他のツール > デベロッパーツール を選択

    • ショートカット：Ctrl + Shift + I

2. スクリーンショットを撮影する

  1. デベロッパーツールのメニューを開く
  2. Run commandを選択
    1. ショートカット:Ctrl + Shift + P
  3. スクリーンショットのコマンドを入力
  • Capture screenshot：現在表示されている画面を撮影
  • Capture full size screenshot：ページ全体をスクロールして撮影
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?