Tiny Web Inspector vs Web DevTools+

Inspect and debug websites directly on your iPhone and iPad with Tiny Web Inspector. Browse a page and keep your developer tools close at hand. NETWORK Follow page resources, Fetch and XMLHttpRequest activity. Filter requests by resource type, status or host, search captured data, inspect available headers and bodies, and copy requests as cURL. ELEMENTS Browse and search the HTML tree. Use Touch selection to find a visible element, inspect its HTML, and copy its path or source. CONSOLE Read console.log, warnings and errors. Run JavaScript with quick commands and command history to investigate the current page. STORAGE Inspect local storage, session storage and cookies. Search, copy, edit or remove values, and view JSON in a readable format. WEB ENVIRONMENT Try User Agent presets, manage custom headers and inject your own scripts. Keep multiple pages open in separate tabs. ADAPTIVE WORKSPACE Use the inspector on iPhone and iPad, with layouts adapted for iPhone Duo's outer and inner displays. On the expanded Duo layout, browse alongside the inspector. Capture availability depends on WebKit and the resource type. Some browser-managed headers, cross-origin resources, binary payloads and navigation response bodies may not be exposed. Large captured bodies and older logs are limited to keep memory usage bounded.

- 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!