DOM Lens vs Beneath

Understand the webpage you can see—by tapping it. DOM Lens is a visual web inspector for iPhone and iPad. Open a URL, tap an element, and move from appearance to DOM and CSS without a Mac. It is made for designers, frontend developers, QA testers, and anyone learning how interfaces are built. INSPECT BY TOUCH • Live DOM, attributes, CSS selector, and XPath • Matched CSS rules, specificity, and computed styles • Box model for margin, border, padding, and content • Page-wide CSS selector search with multi-element highlighting • Live CSS editing with undo and redo • Console logs and errors, plus JavaScript execution • Network request metadata without collecting request or response bodies • Page Audit for metadata, headings, Open Graph, JSON-LD, and missing alt text BUILT FOR IPHONE AND IPAD The touch-first element picker and tracking highlight make real pages easy to inspect. Use the stepped panel on iPhone or the spacious split view on iPad. A visible progress indicator shows page loading and analysis status. An included sample page lets you try the workflow offline. The interface is available in English, Japanese, Korean, Spanish, Brazilian Portuguese, French, German, and Italian. AI DESIGN PACK — OPTIONAL ONE-TIME PURCHASE Package the selected element’s annotated screenshot, DOM, CSS, box model, design tokens, Page Audit, and implementation brief as a searchable PDF, Markdown, and JSON. The files are structured for handoff to AI tools or teammates. Exports are generated on device with no usage limit. PRIVACY BY DESIGN Web sessions are non-persistent. Form values, cookies, storage, credentials, and network request or response bodies are excluded from exports. The websites you open still receive the ordinary web requests needed to load their pages. Core inspection tools are free. AI Design Pack requires an optional one-time in-app purchase. There is no subscription.

Beneath shows you how any website is built, on your iPhone and iPad. Open a page, then read its source three ways: the raw document re-fetched from the server, the live DOM after scripts have run, and a pretty-printed version. Syntax highlighting, line numbers, find with match counts, jump to line, share and save. Already browsing in Safari? Tap Share, then "View Source in Beneath", and the page you are looking at opens in the same viewer. A TOUCH-FIRST WEB INSPECTOR - Elements: browse the live DOM, tap an element on the page to select it, search by CSS selector, XPath or plain text - Styles: matched rules with their stylesheet and media conditions, computed values, and a box-model diagram - Console: everything the page logs, with expandable objects, stack traces and tappable DOM nodes - Network: every request the page made, with type filters, search, status, size and timing - Storage: cookies including HttpOnly ones, Local and Session Storage, IndexedDB and quota - Resources: every script, stylesheet, image and font, each openable as source - Info: status and response headers, redirect chain, meta tags, links, counts, timing and a TLS summary On iPad the inspector sits beside the page in a resizable column. On iPhone it is a sheet you can drag to any height. TEN OFFLINE DEVELOPER TOOLS - JSON Formatter: pretty, minified and a collapsible tree, with errors reported by line and column - Base64: URL-safe alphabet, padding and line-break options, and a hex dump for binary payloads - URL Encoder: RFC 3986 component and full-URL encoding, plus a parsed breakdown of every query parameter - JWT Decoder: header, payload, claims with expiry wording, and the signature segment - Hash Generator: MD5, SHA-1, SHA-256 and SHA-512, hex or Base64, with digest comparison - Case Converter: camelCase, PascalCase, snake_case, kebab-case, SCREAMING_SNAKE_CASE, dot.case and more - Timestamp: Unix seconds through nanoseconds, ISO 8601, RFC 2822, in any time zone - Number Base: decimal, binary, octal, hexadecimal and any base from 2 to 36, at arbitrary precision - String Escape: JSON, JavaScript, Swift, HTML and CSV flavours, both directions - Color Converter: HEX, RGB and HSL with WCAG contrast ratios and ready-to-paste code Nothing you paste into a tool leaves your device. BENEATH PRO A single unlock adds full request details with headers and bodies, live page editing, a JavaScript console prompt, storage and cookie editing, Copy as cURL, the seven remaining tools, and the Chromium DevTools frontend running on-device with its Elements, Console, Network and Application panels. PRIVACY Beneath has no analytics, no accounts and no servers of its own. The pages you visit and the text you paste are never sent anywhere.