← アプリケーション一覧に戻る

F12

DevToolsを開く

最後に使用したパネルでChrome DevToolsを開きます。

💡 覚え方: F12 = 開発者ツール

Ctrl+Shift+I

DevToolsを開く（別の方法）

最後に使用したパネルでChrome DevToolsを開きます。

💡 覚え方: Inspect（検査）

Ctrl+Shift+J

コンソールパネルを開く

JavaScriptコンソールパネルを直接開きます。

💡 覚え方: JavaScript Console

Ctrl+Shift+C

要素パネルを開く

要素パネルを開き、要素検査モードを有効にします。

💡 覚え方: Click to inspect（クリックして検査）

設定を表示

DevToolsの設定画面を表示します。

💡 覚え方: F1 = ヘルプ/設定

Ctrl+]

次のパネルに移動

次のDevToolsパネルにフォーカスを移動します。

💡 覚え方: ] = 右方向（次へ）

Ctrl+[

前のパネルに移動

前のDevToolsパネルにフォーカスを移動します。

💡 覚え方: [ = 左方向（前へ）

Ctrl+Shift+D

ドッキング位置を切り替え

DevToolsのドッキング位置を切り替えます。

💡 覚え方: Docking position

Ctrl+Shift+M

デバイスモードを切り替え

モバイルデバイスのエミュレーションモードを切り替えます。

💡 覚え方: Mobile device

Ctrl+Shift+P

コマンドメニューを開く

すべてのコマンドにアクセスできるコマンドメニューを開きます。

💡 覚え方: Palette（パレット）

Escape

ドロワーを切り替え

コンソール等が表示される下部ドロワーの表示/非表示を切り替えます。

💡 覚え方: Escape = 閉じる/開く

通常の再読み込み

ページを通常の方法で再読み込みします。

💡 覚え方: F5 = リフレッシュ

Ctrl+F5

ハード再読み込み

キャッシュを無視してページを再読み込みします。

💡 覚え方: Ctrl+F5 = 強制リフレッシュ

Ctrl+F

パネル内を検索

現在のパネル内でテキストを検索します。

💡 覚え方: Find（探す）

Ctrl+Shift+F

すべてのファイルを検索

読み込まれたすべてのリソースでテキストを検索します。

💡 覚え方: Find in all files

Ctrl+O

ファイルを開く

ソースパネルでファイルを開きます。

💡 覚え方: Open file

Ctrl+Shift++

拡大

DevToolsの表示を拡大します。

💡 覚え方: + = プラス（拡大）

Ctrl+-

縮小

DevToolsの表示を縮小します。

💡 覚え方: - = マイナス（縮小）

Ctrl+0

ズームをリセット

DevToolsの表示を既定のズームレベルに戻します。

💡 覚え方: 0 = ゼロ（リセット）

Ctrl+Z

変更を元に戻す

要素パネルでの変更を元に戻します。

💡 覚え方: Ctrl+Z = 元に戻す

Ctrl+Y

変更をやり直す

要素パネルでの変更をやり直します。

💡 覚え方: Ctrl+Y = やり直す

Arrow Up/Down

要素間を移動

DOM内の要素を上下に移動して選択します。

💡 覚え方: 矢印キー = 移動

Right Arrow

要素を展開

選択した要素を展開して子要素を表示します。

💡 覚え方: → = 展開

Left Arrow

要素を折りたたむ

選択した要素を折りたたみます。

💡 覚え方: ← = 折りたたむ

Enter

属性を編集

選択した要素の属性編集モードに入ります。

💡 覚え方: Enter = 編集開始

要素を非表示

選択した要素の表示/非表示を切り替えます。

💡 覚え方: Hide（隠す）

HTMLとして編集

選択した要素をHTMLとして編集します。

💡 覚え方: F2 = 編集モード

スクリプトの一時停止/再開

JavaScriptの実行を一時停止または再開します。

💡 覚え方: F8 = 一時停止/再開

F10

ステップオーバー

次の関数呼び出しをステップオーバーします。

💡 覚え方: F10 = またぐ

F11

ステップイン

次の関数呼び出しにステップインします。

💡 覚え方: F11 = 入る

Shift+F11

ステップアウト

現在の関数からステップアウトします。

💡 覚え方: Shift+F11 = 出る

Ctrl+S

変更を保存

ローカルの変更を保存します。

💡 覚え方: Save（保存）

Ctrl+G

行に移動

指定した行番号に移動します。

💡 覚え方: Go to line

Ctrl+B

ブレークポイントを切り替え

現在の行にブレークポイントを設定または削除します。

💡 覚え方: Breakpoint

Ctrl+/

コメントを切り替え

選択した行のコメント化/コメント解除を切り替えます。

💡 覚え方: / = スラッシュ（コメント）

Ctrl+L

コンソールをクリア

コンソールの内容をすべてクリアします。

💡 覚え方: Clear（クリア）

Ctrl+`

コンソールにフォーカス

コンソールにフォーカスを移動します。

💡 覚え方: ` = バッククォート

Shift+Enter

複数行入力

コンソールで複数行の入力を強制します。

💡 覚え方: Shift+Enter = 改行

Ctrl+E

記録を開始/停止

ネットワーク活動の記録を開始または停止します。

💡 覚え方: Ctrl+E = Enable/Disable

Ctrl+R

再読み込みを記録

ページを再読み込みしてネットワーク活動を記録します。

💡 覚え方: Reload（再読み込み）

XHRをリプレイ

選択したXHRリクエストを再実行します。

💡 覚え方: Replay

DevTools (Chrome)