Web Browser

Developer Tools

Shortcuts

FirefoxGoogle Chrome
Cycle through tools left to rightCtrl + ]Ctrl + ]
Cycle through tools right to leftCtrl + [Ctrl + [
Toggle between active tool and settingsF1F1
Toggle toolbox between the last 2 docking modesCtrl + Shift + DCtrl + Shift + D
Show ConsoleEscEsc
Search across all sourcesCtrl + Shift + F (in Debugger pane)Ctrl + Shift + F
Search for scripts by nameCtrl + P (in Debugger pane)Ctrl + P

Tips

  • When inspecting elements that appear/disappear based on events, remove relevant event listeners to lock down their UI state, eg: For a drop-down menu closes when blur event is triggered, removing the blur event listener would prevent the menu from closing.