Console Mini vs Beneath

Mini web development tool for macOS/iOS Safari. Main features: - Elements: Display the DOM tree, inspect DOM elements, and edit DOM tree nodes or styles - Console: Display logs and test code, and view or manipulate objects/documents - Requests: Display all requests for the current website, and display multi-category details - Storage: Display local/session/cookie storage, and preview or beautifully process - Source: Display loaded source files and read source code graphs, and display error codes in the form of file/line/column - Simulator: Simulates the screen of an iPhone, iPad, or a custom-sized device Interaction: - Easily enable/disable tools - Move/resize console window in current page

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.