Inspect HTML as a readable DOM tree and search elements by tag, ID, class, text, or CSS selector. The inspector reports node paths, attributes, parent-child relationships, element counts, and structural details without running scripts from the supplied markup.
Inspect HTML DOM trees, search elements, view attributes and paths, and analyze parent-child structure locally.
All processing occurs locally in the browser. Review automated findings before using the result in production.
The editor is preloaded with a working HTML Inspector example. Change the sample, select an option, and run the tool to compare the input with the generated output and report.
Choose DOM tree and inspect the source. The result lists nested elements with indentation and selected attributes.
Yes. Enter a selector such as .card, #content, or main article and choose Matching elements.
Matching results include a generated path based on tag names, IDs, classes, and sibling position.
No. It parses the source with DOMParser and does not execute embedded scripts.
Yes. Attribute inventory reports attribute names, use counts, and sample values.
| Module | Details |
|---|---|
| Tree | Indented DOM hierarchy |
| Search | CSS selectors |
| Paths | Generated element paths |
| Inventory | Tags, IDs, classes, attributes |