DOM Structure & Node Inspector

Modify the DOM via buttons and see MutationRecords logged. Understand childList, attributes, and subtree options.

Developer Tools API DOM Mutation Observer watch

Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.

Developer Tools capture DOM element screenshot

Click any element on a demo page and see which events are attached. Visual debugger for event handling.

Debugging DOM events inspector listeners

Count total DOM nodes on the current page and show warnings if limits exceed best practices. Keep the DOM lean.

Developer Tools DOM nodes performance size

Tag: DOM Structure & Node Inspector