このページは、Chrome DevTools のキーボード ショートカットのリファレンスです。ショートカットにはグローバルに使用できるものと、1 つのパネルでしか使用できないものがあります。
ツールチップでショートカットを確認することもできます。ツールチップを表示するには、DevTools の UI 要素にカーソルを合わせます。
その要素にショートカットがあれば、ツールチップに表示されます。
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 |