Araname vs DevSnoop

Araname is a basic tool for web developers, UI/UX designers and enthusiasts to inspect, analyze, and visualize media resources used on websites as loaded by web browsers. See resource headers and identify optimization opportunities, analyze loading performance, and detect display issues with ease. Key Features for Developers: - Identify all media assets embedded in a webpage, including lazy-loaded content - Analyze image quality, formats, dimensions, and technical details to improve site performance - Inspect video and audio resources to ensure proper implementation - Examine detailed server response headers and cache directives - Organize your findings with our intuitive filtering system - Copy resource URLs for reference and documentation - Automatically adapt to light and dark mode based on system settings - Store recent site inspections for easy access Professional Web Development: Perfect for frontend developers needing to audit websites, analyze resource delivery, check for broken media links, or evaluate optimization opportunities. Examine image formats, resolutions, cache configurations, and server response patterns to make data-driven decisions for improving site performance. Technical Inspection Tools: - Comprehensive format analysis for images, videos, and audio - Detailed technical information including MIME types, ETags, cache-control headers - Server response metrics and content delivery analysis - Adaptive UI that works seamlessly across iPhone and iPad UI/UX Design Analysis: Analyze how media is implemented across different contexts and verify that the right assets are being delivered. Compare image quality between formats and ensure your design assets are properly implemented on websites. Responsible Usage Note: This tool is intended for web development, analysis, and optimization purposes. Araname is designed for professional inspection of web resources while respecting content ownership. The app provides technical analysis capabilities for your webapps on the go.

DevSnoop is a web browser with a full developer tools panel built in, for iPhone and iPad. Build a page, load it in DevSnoop, and inspect it right there — no laptop, no cable, no remote debugging setup. DevSnoop's tools work only on pages you open inside DevSnoop, on your own device. WHAT'S INSIDE Console — Live log stream with filter chips for error / warn / info, keyword search, and a JavaScript REPL for evaluating expressions against the page you're testing. Errors, warnings and logs carry the complete stack trace — tap to expand it, just like a desktop console. Download the whole log buffer to a file in one tap. Smart-quote autocorrect is off, so code runs exactly as you typed it. Network — See every request your page makes. fetch() and XMLHttpRequest calls show full headers and bodies; static resources (CSS, scripts, images, fonts, manifest, the main document) are surfaced via the Resource Timing API. WebSocket connections appear too, with a live log of sent and received frames. Tap a row to load its response body on demand, copy it as a cURL command or a fetch() call to reproduce outside the app, or export the session as a standard HAR file you can open in Chrome or Firefox DevTools. Elements — Walk the live DOM tree, expand nested elements, and tap to highlight a node on the rendered page. Useful for tracking down a stray z-index or unexpected CSS inheritance. Storage — Inspect and edit local storage, session storage and cookies for the page you're testing, including the full cookie attribute set (domain, path, expiry, Secure, HttpOnly, SameSite). Edit a value, refresh, and watch how your page responds. BROWSER ESSENTIALS — Tabs, with private tabs that use a non-persistent WebKit data store: cookies and cache stay in memory and are discarded when the tab closes. — Tab session restoration on next launch. — Bookmarks, browsing history, and an editable Quick Access grid (long-press a tile to rename, change the URL, or delete it). — Search engine choice: Google, DuckDuckGo or Bing. — Clear browsing data selectively — history, cookies and site data, or cache. — Support for the modern web APIs your pages expect: getUserMedia (camera and microphone), navigator.geolocation, and WebKit-backed media playback. — Pull-to-refresh, offline error pages, and a mail-app chooser so links open where you want them. PRIVACY — Your browsing history, bookmarks, open tabs and Quick Access shortcuts are stored only on your device. — No accounts, no advertising SDKs, no selling of your data. — Product analytics are strictly opt-in: you're asked once on first launch, nothing is collected until you agree, the data is anonymous (no account, no URLs, no page content), and you can change your choice anytime in Settings. — Crash reports go to Sentry for stability monitoring and never include URLs, page content or personal data. — Full privacy policy: devsnoop.app DevSnoop is a development and testing tool. Its inspector is intended for debugging and testing your own web pages, for learning how the web platform works, and for accessibility and QA checks on sites you are responsible for. Built for the developer checking a layout fix on a real iPhone, the QA engineer running through a release candidate on a test device, the student learning how the DOM and the network stack fit together — and anyone who has wished mobile Safari had a real DevTools panel.