Web DevTools+ vs Beneath

- Elements: A powerful syntax-highlighted DOM inspector and editor allows you to edit any page. - CSS Quick tools: Disabled CSS, background images, outline overflow issues, z-index and more - CSS Overview: Get a detailed look into the CSS on the page, stylesheets, colors, fonts and media queries - Rendering Tests: Emulate vision deficiencies such as color blindness, blurred version. Hide images to evaluate structure and fallback UX. Disabled modern image file formats such as AVIF and JPEG XL to test fallback UX for other/older browsers - Media query tests: Emulate how the page looks with print styles, prefers color-scheme, and prefers-contrast media queries. - Network - View all the assets on a page, tap on one to see info such as MIME-type, file-size, transfer times, Source allows you to see code for text-based assets with syntax highlighting, copy to clipboard and format options - SEO & meta: See meta tags such as title, descriptions, icons, Open Graph tags including previews of the images - Storage: with options to view or delete cookies, localStorage and Session storage and a detailed Web Manifest viewer. - Detailed Device Info panel with UserAgent, display and screen resolution, network speeds, connection type, ISP and more. - Accessibility audits, info and debug tools (ARIA inspect and img alt inspect). - Tools: one-tap quick audits from 8 popular, free services (Lighthouse, HTTP Observatory, SSL Labs, Wave Web Accessibility etc). No need to login or register, it'll open a new tab with your audit right there!

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.