Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. Watch now.

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

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

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

DevTools へのアクセス

DevTools へのアクセス Windows の場合 Mac の場合
Developer Tools を開く F12Ctrl+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
ページの更新 F5Ctrl+R Cmd+R
キャッシュされているコンテンツを無視してページを更新する Ctrl+F5Ctrl+Shift+R Cmd+Shift+R
現在のファイルまたはパネル内でテキストを検索する Ctrl+F Cmd+F
すべてのソースでテキストを検索する Ctrl+Shift+F Cmd+Opt+F
ファイル名で検索する([Timeline] を除く) Ctrl+OCtrl+P Cmd+OCmd+P
ズームイン(DevTools にフォーカスがある場合) Ctrl++ Cmd+Shift++
ズームアウト Ctrl+- Cmd+Shift+-
既定のテキストサイズに戻す Ctrl+0 Cmd+0

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

Elements

[Elements] パネル Windows の場合 Mac
変更を元に戻す Ctrl+Z Cmd+Z
変更をやり直す Ctrl+Y Cmd+YCmd+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+カラーピッカー ボックスをクリック
次または前のプロパティの編集 TabShift+Tab TabShift+Tab
値を増やす / 減らす 上矢印下矢印 上矢印下矢印
値を 10 ずつ増やす / 減らす Shift+上矢印Shift+下矢印 Shift+上矢印Shift+下矢印
値を 10 ずつ増やす / 減らす PgUpPgDown PgUpPgDown
値を 100 ずつ増やす / 減らす Shift+PgUpShift+PgDown Shift+PgUpShift+PgDown
値を 0.1 ずつ増やす / 減らす Alt+上矢印Alt+下矢印 Opt+上矢印Opt+下矢印

Sources

[Sources] パネル Windows の場合 Mac
スクリプト実行の一時停止 / 再開 F8Ctrl+\ F8Cmd+\
次の関数呼び出しのステップ オーバー F10Ctrl+' F10Cmd+'
次の関数呼び出しのステップイン F11Ctrl+; F11Cmd+;
現在の関数のステップアウト Shift+F11Ctrl+Shift+; Shift+F11Cmd+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+KOpt+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