ブラウザ開発者ツールショートカット：Chrome、Firefox、Edge
Chrome DevTools、Firefox Developer Tools、Edge DevToolsのキーボードショートカットを比較。すべてのブラウザで動作するユニバーサルショートカット。
Cross-Application
詳細な説明
ブラウザ開発者ツールショートカット
すべての主要ブラウザには、類似のキーボードショートカットを持つ開発者ツールが含まれています。
DevToolsを開く
| アクション | Chrome/Edge | Firefox |
|---|---|---|
| DevToolsを開く | ⌘+⌥+I / Ctrl+Shift+I |
⌘+⌥+I / Ctrl+Shift+I |
| コンソールを開く | ⌘+⌥+J / Ctrl+Shift+J |
⌘+⌥+K / Ctrl+Shift+K |
デバッグ（Sources / Debuggerパネル）
これらのショートカットはブラウザ間でほぼ同一です：
- 再開 / 一時停止 — すべてのブラウザで
F8 - ステップオーバー — すべてのブラウザで
F10 - ステップイン — すべてのブラウザで
F11 - ステップアウト — すべてのブラウザで
Shift+F11
ユニバーサルヒント
- すべてのブラウザがSourcesパネルで
⌘+P/Ctrl+Pでファイルを開くことをサポート F12はすべてのブラウザですべてのプラットフォームでDevToolsを開く
ユースケース
Chrome、Firefox、Edgeのブラウザ開発者ツールショートカットを理解することは、クロスブラウザテストに不可欠です。フロントエンド開発者は特定のブラウザでのみ発生する問題をデバッグする必要があることが多く、各ブラウザの同等のショートカットを知っておくことでデバッグセッション中の時間を節約できます。