/dev tips

🎊   The Modern DevTools course has now started! Visit ModernDevTools.com to find out more   🎊

(128) Blackboxing A New Workflow for Node.js Debugging (130)

Chrome DevTools: Use Inline Breakpoints for greater debugging granularity

13 January 2017
Use Inline Breakpoints for greater debugging granularity

If you find Dev Tips useful, I'd appreciate a tweet!

The Inline Breakpoints feature in Canary allows you to set multiple breakpoints on a single line of code. This works nicely with minified scripts.

To try this out, set an initial breakpoint by clicking on the line number. Light blue markers now appear on this same line next to any place where an inline breakpoint can be set.

Note: the Inline Breakpoints feature is fully compatible with Conditional Breakpoints, this means you can instruct the debugger to pause on a breakpoint only if a certain condition is met.

Update: The updated Sensors Pane is in Chrome Stable!

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.