Chrome DevToolsデバッグキーボードショートカット

Chrome DevToolsデバッグショートカット

Chrome DevToolsはWeb開発者の主要なデバッグツールです。これらのショートカットで、マウスに頼らずにWebアプリケーションの検査、デバッグ、プロファイリングが可能です。

DevToolsを開く

• DevToolsを開く (⌘+⌥+I / Ctrl+Shift+I) — 最後に使用したパネルを開く
• コンソールを開く (⌘+⌥+J / Ctrl+Shift+J) — コンソールに直接ジャンプ
• 要素の検査 (⌘+⌥+C / Ctrl+Shift+C) — 要素インスペクターを有効にし、ページ上の任意の要素をクリック

デバッガーコントロール

ブレークポイントで実行が一時停止している場合：

• 再開 (F8) — 次のブレークポイントまで実行を継続
• ステップオーバー (F10) — 現在の行を実行して次の行に移動
• ステップイン (F11) — 現在の行の関数呼び出しに入る
• ステップアウト (Shift+F11) — 現在の関数を終了して呼び出し元に戻る