It's a wrap for Chrome Dev Summit 2020! Watch all the sessions at goo.gle/cds20-sessions now!

キーボード ショートカットのリファレンス

このページは、Chrome DevTools のキーボード ショートカットのリファレンスです。ショートカットにはグローバルに使用できるものと、1 つのパネルでしか使用できないものがあります。

ツールチップでショートカットを確認することもできます。ツールチップを表示するには、DevTools の UI 要素にカーソルを合わせます。 その要素にショートカットがあれば、ツールチップに表示されます。

DevTools へのアクセス

DevTools へのアクセス Windows の場合 Mac の場合
Developer Tools を開く F12、Ctrl+Shift+I Cmd+Opt+I
[Inspect Element] モードとブラウザ ウィンドウを開く / 切り替える Ctrl+Shift+C Cmd+Shift+C
Developer Tools を開き、コンソールにフォーカスを移動する Ctrl+Shift+J Cmd+Opt+J
インスペクターを調べる（最初のものをドック解除してから次のキーを押す） Ctrl+Shift+I Cmd+Opt+I

グローバル キーボード ショートカット

次のキーボード ショートカットは、すべての DevTools パネルで使用できます。

グローバル ショートカット Windows の場合 Mac
[General Settings] ダイアログの表示 ?、F1 ?
次のパネル Ctrl+] Cmd+]
前のパネル Ctrl+[ Cmd+[
パネル履歴を後ろに戻る Ctrl+Alt+[ Cmd+Opt+[
パネル履歴を前に進む Ctrl+Alt+] Cmd+Opt+]
ドック位置の変更 Ctrl+Shift+D Cmd+Shift+D
Device Mode の開始 Ctrl+Shift+M Cmd+Shift+M
コンソールの切り替え / 設定ダイアログが開いている場合は閉じる Esc Esc
ページの更新 F5、Ctrl+R Cmd+R
キャッシュされているコンテンツを無視してページを更新する Ctrl+F5、Ctrl+Shift+R Cmd+Shift+R
現在のファイルまたはパネル内でテキストを検索する Ctrl+F Cmd+F
すべてのソースでテキストを検索する Ctrl+Shift+F Cmd+Opt+F
ファイル名で検索する（[Timeline] を除く） Ctrl+O、Ctrl+P Cmd+O、Cmd+P
ズームイン（DevTools にフォーカスがある場合） Ctrl++ Cmd+Shift++
ズームアウト Ctrl+- Cmd+Shift+-
既定のテキストサイズに戻す Ctrl+0 Cmd+0

パネル別のキーボード ショートカット

Elements

[Elements] パネル Windows の場合 Mac
変更を元に戻す Ctrl+Z Cmd+Z
変更をやり直す Ctrl+Y Cmd+Y、Cmd+Shift+Z
ナビゲーション 上矢印、下矢印 上矢印、下矢印
ノードの展開 / 折りたたみ 右矢印、左矢印 右矢印、左矢印
ノードの展開 矢印を 1 回クリック 矢印を 1 回クリック
ノードとそのすべての子を展開 / 折りたたみ Ctrl+Alt+矢印アイコンをクリック Opt+矢印アイコンをクリック
属性の編集 Enter、属性をダブルクリック Enter、属性をダブルクリック
要素の非表示 H H
HTML としての編集に切り替え F2

[Styles] サイドバー

[Styles] サイドバーで使用可能なショートカットは次のとおりです。

[Styles] サイドバー Windows の場合 Mac
ルールの編集 1 回クリック 1 回クリック
新しいプロパティの挿入 スペースで 1 回クリック スペースで 1 回クリック
ソースのスタイル ルール プロパティ宣言の行に移動 Ctrl+プロパティをクリック Cmd+プロパティをクリック
ソースのプロパティ値宣言の行に移動 Ctrl+プロパティ値をクリック Cmd+プロパティ値をクリック
色の定義値を順に表示 Shift+カラーピッカー ボックスをクリック Shift+カラーピッカー ボックスをクリック
次または前のプロパティの編集 Tab、Shift+Tab Tab、Shift+Tab
値を増やす / 減らす 上矢印、下矢印 上矢印、下矢印
値を 10 ずつ増やす / 減らす Shift+上矢印、Shift+下矢印 Shift+上矢印、Shift+下矢印
値を 10 ずつ増やす / 減らす PgUp、PgDown PgUp、PgDown
値を 100 ずつ増やす / 減らす Shift+PgUp、Shift+PgDown Shift+PgUp、Shift+PgDown
値を 0.1 ずつ増やす / 減らす Alt+上矢印、Alt+下矢印 Opt+上矢印、Opt+下矢印

Sources

[Sources] パネル Windows の場合 Mac
スクリプト実行の一時停止 / 再開 F8、Ctrl+\ F8、Cmd+\
次の関数呼び出しのステップ オーバー F10、Ctrl+' F10、Cmd+'
次の関数呼び出しのステップイン F11、Ctrl+; F11、Cmd+;
現在の関数のステップアウト Shift+F11、Ctrl+Shift+; Shift+F11、Cmd+Shift+;
次の呼び出しフレームの選択 Ctrl+. Opt+.
前の呼び出しフレームの選択 Ctrl+, Opt+,
ブレークポイント条件の切り替え 行番号をクリック、Ctrl+B 行番号をクリック、Cmd+B
ブレークポイント条件の編集 行番号を右クリック 行番号を右クリック
個別の単語の削除 Ctrl+Delete Opt+Delete
行または選択したテキストにコメントを付ける Ctrl+/ Cmd+/
ローカルな変更を保存 Ctrl+S Cmd+S
すべての変更を保存 Ctrl+Alt+S Cmd+Opt+S
行に移動 Ctrl+G Ctrl+G
ファイル名で検索 Ctrl+O Cmd+O
行番号にジャンプ Ctrl+P+:番号 Cmd+P+:番号
列にジャンプ Ctrl+O+:番号+:番号 Cmd+O+:番号+:番号
メンバーに移動 Ctrl+Shift+O Cmd+Shift+O
アクティブなタブを閉じる Alt+W Opt+W
スニペットの実行 Ctrl+Enter Cmd+Enter

コードエディタ内

コードエディタ Windows の場合 Mac
対応するかっこに移動 Ctrl+M
行番号にジャンプ Ctrl+P+:番号 Cmd+P+:番号
列にジャンプ Ctrl+O+:番号+:番号 Cmd+O+:番号+:番号
コメントの切り替え Ctrl+/ Cmd+/
次のオカレンスの選択 Ctrl+D Cmd+D
最後の選択を元に戻す Ctrl+U Cmd+U

Timeline

[Timeline] パネル Windows の場合 Mac
記録の開始 / 停止 Ctrl+E Cmd+E
タイムライン データの保存 Ctrl+S Cmd+S
タイムライン データの読み込み Ctrl+O Cmd+O

Profiles

[Profiles] パネル Windows の場合 Mac
記録の開始 / 停止 Ctrl+E Cmd+E

Console

[Console] のショートカット Windows の場合 Mac
候補の受け入れ 右矢印 右矢印
前のコマンド / 行 上矢印 上矢印
次のコマンド / 行 下矢印 下矢印
コンソールにフォーカス Ctrl+` Ctrl+`
コンソールのクリア Ctrl+L Cmd+K、Opt+L
複数行入力 Shift+Enter Ctrl+Return
実行 Enter Return

Device Mode

Device Mode のショートカット Windows の場合 Mac
ピンチ ズームインとズームアウト Shift+スクロール Shift+スクロール

スクリーンキャスト中

スクリーンキャストのショートカット Windows の場合 Mac
ピンチ ズームインとズームアウト Alt+スクロール、Ctrl+2 本指でクリックしてドラッグ Opt+スクロール、Cmd+2 本指でクリックしてドラッグ
要素の調査ツール Ctrl+Shift+C Cmd+Shift+C