Become a member
to unlock all features

Create egghead account to access 5000+ tutorials and resources from expert developers.

Create account

    Set and remove DOM Breakpoints

    chrome-devtoolsChrome DevTools

    When building a web app, sometimes we need to approach it top-down. Modern browser devtools allow us to set breakpoints not only on the JS code but also on the DOM as well, so we can easily pin down which lines of code are to be executed deep inside the code base, by pausing the execution based on DOM changes.

    In this lesson, we will learn how to set and remove DOM breakpoints in Chrome DevTools.