Skip to content

Latest commit

 

History

History
42 lines (33 loc) · 2.66 KB

README.md

File metadata and controls

42 lines (33 loc) · 2.66 KB

#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