#F12 Developer Tools Shortcuts
The following resources are provided for those who would like to contribute to the support tables below.
###Getting Around Quickly
These shortcuts should work from within any panel in the developer tools.
Action | Chrome* | Explorer | Firefox | Opera* |
---|---|---|---|---|
Toggle Developer Tools | F12 | F12 | F12 | |
Inspect DOM | Ctrl+1 | Ctrl+1 | ||
Inspect Network Traffic | Ctrl+2 | Ctrl+4 | ||
Console | Ctrl+8 | Ctrl+2 | ||
Script Debugger | Ctrl+3 | Ctrl+3 | ||
Measure Performance | Ctrl+4 | Ctrl+5 | ||
Script Profiler | Ctrl+5 | Ctrl+6 | ||
Track Memory Usage | Ctrl+5 | Ctrl+7 | ||
Emulation Settings | Ctrl+8 | |||
Small Console** | Esc | Ctrl+` | Esc | Esc |
Small Console Focus | Ctrl+Alt+I | |||
Dock/Undock Tools | Ctrl+P | |||
Previous Tool | Ctrl+[ | Ctrl+[ | Ctrl+[ | |
Next Tool | Ctrl+] | Ctrl+] | Ctrl+] |
* Ctrl-Navigation needs to be enabled in settings.
** Popup console available in any non-console tool.
###Inspecting the DOM
The following shortcuts are supported only within the DOM inspection panel.
Action | Chrome | Explorer | Firefox | Opera |
---|---|---|---|---|
Click to Inspect | Ctrl+Shift+C | Ctrl+B | Ctrl+Shift+C | Ctrl+Shift+C |
Toggle Highlighting | Ctrl+Shift+I | |||
Open Color Picker | Ctrl+K | |||
Search DOM | Ctrl+F | Ctrl+F | Ctrl+F | Ctrl+F |