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

Tips and tricks for debugging in chrome

Tips and Tricks for Debugging in chrome

原文：https://www.cnblogs.com/rosendolu/p/10182496.html