Chrome DevTools ショートカットキー速查表

Chrome 開発者ツールにおける 56 個のキーボードショートカットを視覚化したチートシート。

DevTools を開く

操作	Mac ショートカット	Win ショートカット
最後に使用したパネルを開く	`Cmd` + `Shift` + `I`	`Ctrl` + `Shift` + `I`
コンソールパネルを開く	`Cmd` + `Shift` + `J`	`Ctrl` + `Shift` + `J`
要素パネルを開く	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`

グローバルショートカット

操作	Mac ショートカット	Win ショートカット
設定を表示	`F1`	`F1`
次のトピックにフォーカス	`Cmd` + `]`	`Ctrl` + `]`
前のパネルにフォーカス	`Cmd` + `[`	`Ctrl` + `[`
最後に使用したドッキング位置に切り替える	`Cmd` + `Shift` + `D`	`Ctrl` + `Shift` + `D`
デバイスモードの切り替え	`Cmd` + `Shift` + `M`	`Ctrl` + `Shift` + `M`
要素検査モードの切り替え	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`
コマンドメニューを開く	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
ドロワーの切り替え	`Esc`	`Esc`
通常の再読み込み	`Cmd` + `R`	`Ctrl` + `R`
強制再読み込み	`Cmd` + `Shift` + `R`	`Ctrl` + `Shift` + `R`
現在のパネル内でテキストを検索	`Cmd` + `F`	`Ctrl` + `F`
ドロワー内の「検索」タブを開く	`Cmd` + `Shift` + `F`	`Ctrl` + `Shift` + `F`
「ソース」パネルでファイルを開く	`Cmd` + `P`	`Ctrl` + `P`
拡大	`Cmd` + `Shift` + `+`	`Ctrl` + `Shift` + `+`
縮小	`Cmd` + `-`	`Ctrl` + `-`
デフォルトのズームレベルに戻す	`Cmd` + `0`	`Ctrl` + `0`
スニペットを実行	`Cmd` + `O` + `!`	`Ctrl` + `O` + `!`

要素パネル

操作	Mac ショートカット	Win ショートカット
変更を元に戻す	`Cmd` + `Z`	`Ctrl` + `Z`
変更をやり直す	`Cmd` + `Y`	`Ctrl` + `Y`
現在選択されている要素の上下にある要素を選択	`Up/Down`	`Up/Down`
現在選択されているノードを展開	`右`	`右`
現在選択されているノードを折りたたむ	`左`	`左`
現在選択されている要素の属性編集モードを切り替える	`Enter`	`Enter`
属性編集モードに入った後に次の属性を選択	`Tab`	`Tab`
属性編集モードに入った後に前の属性を選択	`Shift` + `Tab`	`Shift` + `Tab`
現在選択されている要素を非表示にする	`H`	`H`
現在選択されている要素で HTML 編集モードに切り替える	`F2`	`F2`

ソースパネル

操作	Mac ショートカット	Win ショートカット
スクリプトの実行を一時停止（実行中の場合）、または再開（一時停止中の場合）	`Cmd` + `\`	`Ctrl` + `\`
次の関数呼び出しをスキップ	`Cmd` + `'`	`Ctrl` + `'`
次の関数呼び出しに入る	`Cmd` + `;`	`Ctrl` + `;`
現在の関数から抜ける	`Cmd` + `Shift` + `;`	`Ctrl` + `Shift` + `;`
現在選択されているフレームの上下にあるコールフレームを選択	`Cmd` + `./,`	`Ctrl` + `./,`
ローカルの変更を保存	`Cmd` + `S`	`Ctrl` + `S`
すべての変更を保存	`Cmd` + `Alt` + `S`	`Ctrl` + `Alt` + `S`
行へ移動	`Cmd` + `G`	`Ctrl` + `G`
アクティブなタブを閉じる	`Alt` + `W`	`Alt` + `W`

コードエディター

操作	Mac ショートカット	Win ショートカット
カーソル位置まで、最後の単語のすべての文字を削除	`Cmd` + `Del`	`Ctrl` + `Del`
対応する括弧へ移動	`Cmd` + `M`	`Ctrl` + `M`
1行コメントを切り替える	`Cmd` + `/`	`Ctrl` + `/`
カーソルがある位置の次の単語を選択	`Cmd` + `D`	`Ctrl` + `D`
カーソルがある位置の次の単語の選択を解除	`Cmd` + `U`	`Ctrl` + `U`

パフォーマンスパネル

操作	Mac ショートカット	Win ショートカット
記録の開始または停止	`Cmd` + `E`	`Ctrl` + `E`
記録を保存	`Cmd` + `S`	`Ctrl` + `S`
記録を読み込む	`Cmd` + `O`	`Ctrl` + `O`

メモリパネル

操作	Mac ショートカット	Win ショートカット
記録の開始または停止	`Cmd` + `E`	`Ctrl` + `E`

コンソールパネル

操作	Mac ショートカット	Win ショートカット
オートコンプリートの提案を承諾	`Tab`	`Tab`
オートコンプリートの提案を拒否	`Esc`	`Esc`
前のステートメントを取得	`上`	`上`
次のステートメントを取得	`下`	`下`
コンソールにフォーカス	`Cmd` + ```	`Ctrl` + ```
コンソールをクリア	`Cmd` + `L`	`Ctrl` + `L`
複数行入力を強制する	`Shift` + `Enter`	`Shift` + `Enter`
実行	`Enter`	`Enter`