Paste HTML and explore its DOM tree interactively: expand nodes, inspect attributes, and understand how a document is structured without opening browser devtools.
Tip: Great for debugging scraped or generated HTML where devtools are not available.
Load any markup and walk its tree: elements, attributes, computed styles and the metadata a page exposes to search engines and social cards. It is the same information a browser's developer tools show, in a form you can read without opening a console.
The structure of a document matters beyond appearance. Heading order, landmark elements and alt text are what a screen reader uses to navigate, and what a search engine reads to work out what a page is about. Both are visible here.
Everything is parsed locally. Nothing you inspect is sent to a server.
Paste a page's HTML (View Source → copy), or drop an .html file here. A URL can't be fetched in the browser without a server, so DOM Inspector works on the markup you provide — keeping everything private.
Parses the <head> and content of the HTML you loaded in the Inspector. For live IP / hosting / server-tech lookups, those require a server request to the remote site — see the note below.
Load HTML and run the analysis to preview how this page looks in search results and social cards.
IP address, web-hosting technology and live server headers can't be read in the browser — the same-origin policy blocks it, and reading them needs a server to fetch the remote site. DOM Inspector keeps everything on your device by default. If you want those, open a dedicated third-party service in a new tab — this sends the domain to them, not to Azad University.
Enter one selector per line to see its (ids, classes, elements) weight and which one wins.
Decodes header & payload locally. Signature is not verified (that needs the secret) — never paste production secrets.