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

Meggin is a Tech Writer

Technical Writer, Chrome DevTools & Lighthouse

このページは、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`

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

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

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

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