Yo! Keyboard-only dev tools are totally doable. Here’s my go-to flow:
1. F12 to open dev tools
2. Ctrl+Shift+I to jump to Elements tab
3. Use arrow keys to navigate the DOM tree
4. Hit Enter to edit attributes (pro tip: Esc cancels)
For switching panels, Ctrl+[ and Ctrl+] like someone else said. Also, Shift+Tab works *sometimes* but can be finicky.
If you’re on Firefox, shortcuts are similar but not identical—MDN has a full list.
1. F12 to open dev tools
2. Ctrl+Shift+I to jump to Elements tab
3. Use arrow keys to navigate the DOM tree
4. Hit Enter to edit attributes (pro tip: Esc cancels)
For switching panels, Ctrl+[ and Ctrl+] like someone else said. Also, Shift+Tab works *sometimes* but can be finicky.
If you’re on Firefox, shortcuts are similar but not identical—MDN has a full list.