Chrome DevTools debugging tips

Reduce noise by adding 3rd party scripts to ignore list

Usually, you’ll want to add all 3rd party scripts (e.g., NPM packages or Chrome extensions scripts) to your ignore list so that the call stack only shows your code.

Hover over variables and arguments to quickly scan their values

Remember to hover over variables to see their values instead of inspecting their values from the Scope section.

Place breakpoints in 3rd party packages if needed

Assuming you have proper source maps in place, remember that you can also place breakpoints inside the source code of NPM packages.