Web Inspector

Dieses Tool bietet eine Web Inspector‑Simulation innerhalb eines iOS‑Simulators und löst das Problem des Mobile Debuggings ohne physische Geräte. Benutzer können eine Seite oder HTML-Inhalt laden, ein iOS‑Geräteprofil auswählen und beobachten, wie die Seite bei unterschiedlichen Viewport-Größen und DPR-Werten gerendert wird. Es zeichnet DOM-/CSS‑Zustand, Konsolen-Ausgaben und Netzwerkaktivität auf, um Rendering- oder Ladeprobleme zu identifizieren.
Konzeptionell abstrahiert das Tool eine leichte Browseroberfläche, die an iOS‑Rendering‑Regeln angepasst ist. Es ordnet Geräteprofile viewport-Größen zu, simuliert einen User Agent und erfasst einen strukturierten Timeline‑Ablauf von Ereignissen. Die Ausgaben sind maschinenlesbar für automatisierte QA und für Entwickler verständlich.
Der einzigartige Wert liegt in der engen iOS‑Fokussierung, reproduzierbaren Ergebnissen über Testläufe und der Möglichkeit, Diagnoseberichte direkt im Tool zu exportieren, ohne es zu verlassen. Typische Anwendungsfälle umfassen responsives Testen, Leistungsprofiling, Debugging von Touch‑Target‑Größen und das Prüfen von CSS‑Verhalten unter unterschiedlichen Netzwerkbedingungen. Kernfunktionen umfassen Geräteprofilwahl, DOM‑Inspektion, CSS‑Regeln‑Anzeige, Console‑ und Network‑Logging, Ressourcen‑Timing und Exportoptionen für Berichte.