The Dom Break Points Panel

The Dom break points Panel will let you pause on code that changes a dom node or its children. There's an entire panel there for accessibility so one of the things that was really interesting for me is you can click on a checkbox to say enable full page accessibility Tree and note will come up That says hey you actually have to reload your dev tools in order for these changes to take effect But if you do that then the elements panel that we were talking about that shows all the DOM information It will also reload and show you all the elements kind of like a screen reader. The console log is probably number two on most common section that people use. Most of us use console log almost every day

Transcript

Play full episode