Skip to content

DeveloperToolsWG/keyboard-shortcuts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 

Repository files navigation

#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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published