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.