Web Inspector

This tool provides a web inspector emulation within an iOS simulator, solving the problem of mobile debugging without physical devices. Users can load a page or HTML content, choose an iOS device profile, and observe how the page renders at different viewport sizes and DPR values. It records DOM/CSS state, console output, and network activity to help identify rendering or loading issues.
Conceptually, the tool abstracts a lightweight browser surface tailored to iOS rendering rules. It maps device profiles to viewport dimensions, simulates a user agent, and captures a structured timeline of events. The outputs are designed to be machine-readable for automated QA and human-readable for developers.
Unique value includes tight iOS-focused emulation, reproducible results across test runs, and the ability to export diagnostic reports without leaving the tool. Typical use cases include responsive testing, performance profiling, debugging touch-target sizing, and verifying CSS behavior under different network conditions. Core features include device profile selection, DOM inspection, CSS rule viewing, console and network logging, resource timing, and export options for reports.