Free Tool · Mobile-friendly
Mobile Page Inspector
The “Inspect” feature of desktop browsers on your phone: open a page, tap any area and see that element's HTML, attributes, CSS rules, box model and place in the DOM tree.
How to use it
- Type the address. The page is fetched through our server and opens full screen, with the page on top and the inspection panel below.
- Tap any area. While select mode is on, the element you tap is marked with colored boxes: blue for content, green for padding, yellow for border, orange for margin.
- Explore the panel. The Element tab shows HTML, attributes and SEO notes; Styles shows the matching CSS rules; Computed shows final values and the box model; DOM shows its place in the tree.
- Navigate and search. Use the arrows to move to parent, child and sibling elements; use the magnifier at the top to find elements by CSS selector, XPath or text.
The desktop “Inspect” feature, adapted for phones
Tap and inspect
Like the desktop element picker: the tag, size and box model of the area you tap are shown on top of the page. Tapping a link selects it instead of leaving the page.
HTML, attributes and selectors
The selected element's HTML, formatted and highlighted, and its attributes with full URLs. Copy its CSS selector and XPath (e.g. for Screaming Frog custom extraction) with one tap.
Matched CSS rules
See which rule applies and which is overridden (struck through), with each rule's file and media query next to it. The Computed tab has the final values and the box model.
DOM tree
Browse the page's element tree by expanding and collapsing it; an element you select in the tree is highlighted on the page, and an element you select on the page opens in the tree.
SEO notes
For links: rel, internal/external and anchor text; for images: alt text, dimension attributes and actual pixel size; for headings: level and the number of H1s on the page; plus warnings for hidden elements.
Find element
Type “h1”, “img:not([alt])”, “//a[@rel='nofollow']” or plain text, then move between matching elements with the arrows.
Frequently asked questions
Why does the page look different from the live site?
For security, the page's JavaScript isn't run: it's drawn from the HTML and CSS the server sends. Content, images (e.g. lazy-loaded via data-src) and menus loaded later by JavaScript may be missing, while <noscript> content is visible. This is close to how search engines first receive the page, and it shows whether SEO-critical elements are in the raw HTML.
How is it different from the desktop “Inspect”?
The desktop tool shows the live DOM after JavaScript has run; here you see the DOM without JavaScript. The browser's default (user agent) styles and inherited values aren't listed in the Styles tab; check the final values in the Computed tab. There are no event listener, network or console sections.
Why aren't some CSS rules listed?
Browsers don't let pages read the rules of CSS files on other domains, so those files are fetched separately through our server and parsed (up to 12 files). If a file can't be fetched or rules are loaded with @import, this is noted at the top of the Styles tab.
How should I use it on a phone?
Drag the panel's handle to make it bigger or smaller. While select mode (the cursor icon at the top) is on, tapping selects an element; turn it off to interact with the page normally (dropdowns, details boxes). To see the desktop layout, change the page width in Options.
Are the addresses I enter saved?
Because browsers' security rules prevent reading data from other sites directly, the page and its CSS files are fetched through the Enar SEO server; content and addresses are not stored on the server. The “Recently inspected” list is kept only in your own browser.
To read the page's raw source, use Mobile View Source; to see how much space each part of the HTML takes up, use the HTML Size Analyzer.