Azad tool // DOM Lens Runs on your device ← All tools

Inspect any page's DOM & CSS — privately.

Paste or upload HTML and DOM Lens builds a live element tree. Click any node to see its code, IDs, classes and every CSS rule that applies — with overridden and invalid declarations clearly flagged — plus an accessibility & quality score. Includes a full kit of developer tools.

Everything runs on your device — nothing is uploaded
Source HTML

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 Lens works on the markup you provide — keeping everything private.

Build a DOM map to begin.
SELECTION
Click a node in the DOM map to inspect its HTML, CSS and score.
Page, metadata & SEO audit

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.

Search & social preview

Load HTML and run the analysis to preview how this page looks in search results and social cards.

Live server lookup (optional, not private)

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 Lens 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.

Contrast checker (WCAG 2.1)
Aa
contrast ratio
Specificity calculator

Enter one selector per line to see its (ids, classes, elements) weight and which one wins.

Box-model visualizer
×
Color converter
CSS unit converter (px ⇄ rem ⇄ em ⇄ pt ⇄ %)
Regex tester

MATCHES (highlighted)

JSON formatter & validator
JWT decoder

Decodes header & payload locally. Signature is not verified (that needs the secret) — never paste production secrets.

Encode / decode