Developer Tools
Shortcuts
Firefox | Google Chrome | |
---|---|---|
Cycle through tools left to right | Ctrl + ] | Ctrl + ] |
Cycle through tools right to left | Ctrl + [ | Ctrl + [ |
Toggle between active tool and settings | F1 | F1 |
Toggle toolbox between the last 2 docking modes | Ctrl + Shift + D | Ctrl + Shift + D |
Show Console | Esc | Esc |
Search across all sources | Ctrl + Shift + F (in Debugger pane) | Ctrl + Shift + F |
Search for scripts by name | Ctrl + 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.