First of all, you can open debugging tools window with several hotkeys. I use F12 to open developer tools window and Ctrl+Shift+J to open developer tools with console tab have activated.
Advanced techniques I didn't knew before was:
- On the elements tab you can see current DOM state of the current page. You can expand and collapse elements of DOM manually or use
Select element in the pagetool (use Ctrl+Shift+C hotkey) to inspect them:
Reveal in Elements panelby right-clicking the value with reference.
Happy frontend debugging!
And which debugging techniques do you use?