Tips and Tricks for Debugging in chrome
Pretty print
On sources panel ,clicking on the {} on the bottom left hand side.
Console.table
Display data as a table ,improve readability.
Add watch expressions
Watching variable changes over time.
XHR/fetch breakpoints
This will reak on when requests url contains a specific string.
Dom breakpoints
- subtree modifications
- attribute modifications
- node removal
Edit as HTML
Select an element,right click and choose edit as HTML.
Scroll into view
Select an element ,right click and choose scroll into view.
References