Elements & Styles
DOM untersuchen und CSS auf der verbundenen Seite ändern.
MOBILES DEBUGGING · MACOS
Mobile Fehler.
Ein klarer Weg zur Lösung.
Echte Geräte, Chrome DevTools und dein Coding Agent in einem Arbeitsbereich. Untersuche die Seite, verstehe den Fehler und prüfe die Lösung.
macOS 15+ · iOS & Android · Version 1.0 in Entwicklung
Target gewählt. Bereit zur Analyse.
$ tapscope targets list --json
{
"ok": true,
"command": "targets list",
"data": {
"targets": [{
"id": "sample-page",
"title": "Trail Notes",
"type": "page"
}]
}
} tapscope snapshot --interactive --json
9:41
↗ TRAIL NOTES
Ein Stück weiter.
Dein nächster Nachmittag draußen.
Weg am See6,2 km · Leicht · 90 Min.
Illustrative Vorschau · Beispieldaten, keine echte Gerätesitzung
EINE LOKALE VERBINDUNG
Von deinen Werkzeugen zum Browser auf dem Gerät.
Tapscope übersetzt WebKit in CDP und reicht native CDP-Targets durch. Wähle den Zugang, der zu deiner Arbeit passt.
Coding AgentsClaude Code · Codex · Cursor
MCPTerminal & SkripteCLI-Befehle mit JSON-Ausgabe
CLIDesktop-AppChrome DevTools im Arbeitsbereich
APPCDP-ClientsPuppeteer · MCP · VS Code
CDPTapscopeLäuft auf deinem Mac
01iPhone & iPadSafari · WebViews
02AndroidChrome · WebViews
03iOS SimulatorXcode · simctl
04Netzwerk-TargetsChrome · Node · Electron
FÜR CODING AGENTS
Jede Korrektur am Gerät prüfen.
Dein Agent liest DOM-Snapshots, prüft Fehler und Requests und lädt die Seite nach der Änderung neu. Strukturierte JSON-Ausgaben lassen sich zuverlässig weiterverarbeiten.
SNAPSHOT / JSON
$ tapscope snapshot --interactive --json
{
"ok": true,
"command": "snapshot",
"data": {
"nodes": [
{"ref": "@e1", "role": "heading", "name": "Trail Notes"},
{"ref": "@e2", "role": "button", "name": "View route"}
]
}
}CONSOLE / JSON
$ tapscope console list --types error,exception --json
{
"ok": true,
"command": "console list",
"data": {
"events": [{"eventId": 12, "type": "error",
"message": "Route data could not be loaded"}]
}
}NETWORK / JSON
$ tapscope network list --failed --json
{
"ok": true,
"command": "network list",
"data": {
"events": [{"eventId": 13, "url": "/api/routes",
"failed": true, "status": 503}]
}
}Beispielausgabe der CLI; Referenzen gelten bis zum nächsten Snapshot der Sitzung.
Vorhandene CDP-Werkzeuge verbinden
Über den lokalen Endpunkt 127.0.0.1:9222 verbinden sich Chrome DevTools MCP, Puppeteer und VS Code mit dem gewählten Gerät.
{
"mcpServers": {
"tapscope": {
"command": "npx",
"args": [
"chrome-devtools-mcp@latest",
"--browser-url=http://127.0.0.1:9222"
]
}
}
}Anleitung passend zur CLI
tapscope agent-context liefert die Befehlsreferenz der installierten Version; tapscope skills get mobile-debugging die passende Workflow-Anleitung.
tapscope agent-context
tapscope skills get mobile-debuggingDER DESKTOP-ARBEITSBEREICH
Vertraute Panels. Echte Geräte.
Wähle dein Gerät in der Seitenleiste, öffne eine Seite in Chrome DevTools und arbeite mit mehreren Targets in nativen Fenster-Tabs.
Zur Mac-App
Konsole
Logs lesen, Exceptions prüfen und JavaScript ausführen.
Netzwerk
Requests, Antwortinhalte und WebSocket-Aktivität verfolgen.
Sources & Breakpoints
JavaScript anhalten, Aufrufstapel und Variablen untersuchen.
Speicher
Cookies, Local Storage und IndexedDB prüfen.
Screenshots
Die Seite in der App aufnehmen oder Belege per CLI speichern.
React DevTools
Für v1 geplant: Komponenten, Props, State und Hooks untersuchen.
GERÄTEUNTERSTÜTZUNG
Ein Arbeitsbereich für deinen mobilen Stack.
Geplante Targets für v1. Tapscope selbst läuft ab macOS 15.
| Target | Verbindung | Untersuchbare Inhalte |
|---|---|---|
| iPhone & iPad | USB | Safari, Chrome auf iOS, inspizierbare WebViews |
| iOS per WLAN | Netzwerkkopplung | Gekoppelte Geräte mit aktiviertem Web-Inspektor |
| iOS-Simulator | Xcode & simctl | Safari und WebViews in Simulator-Apps |
| Android | USB & adb | Chrome und für Debugging freigegebene WebViews |
| Netzwerk-Targets | CDP-Debug-Port | Chrome / Chromium, Node.js, Electron |
VERBINDUNG HERSTELLEN
In drei Schritten zur richtigen Seite.
Gerät vorbereiten
Web-Inspektor unter iOS bzw. USB-Debugging unter Android aktivieren und mit dem Mac verbinden.
Target wählen
Gerät, App und Seite in Tapscope wählen. Fehlt ein Target, helfen die Einrichtungsprüfungen.
Untersuchen und prüfen
DevTools öffnen oder den Agenten verbinden. Nach der Änderung neu laden und das Ergebnis am Gerät prüfen.
EINRICHTUNG
Hier beginnt eine gute Verbindung.
Eine erste Orientierung. Die vollständige, durchsuchbare Dokumentation folgt im Doku-Meilenstein.
iPhone & iPad
Per USB verbinden, Gerät entsperren und dem Mac vertrauen. Einstellungen → Safari → Erweitert → Web-Inspektor aktivieren. WebViews müssen inspizierbar sein; App-Store- und TestFlight-Apps werden nicht unterstützt.
Android & WebViews
Entwickleroptionen und USB-Debugging einschalten. adb auf dem Mac installieren und die Geräteautorisierung bestätigen. WebViews benötigen eine Debugging-Freigabe durch die App.
iOS-Simulator
Xcode und die Command Line Tools installieren. Einen iOS-Simulator anlegen und starten, Safari öffnen und die Seite in Tapscope wählen.
DEBUGGING-ZEIT NACH BEDARF
Alle Werkzeuge. Deine Wahl der Zeit.
Starte mit täglichen Gratissitzungen, wähle eine Woche für dein Projekt oder debugge das ganze Jahr.
Free
Für gelegentliche Prüfungen
€0kostenlos
- 2 × 15 Minuten pro Tag
- Alle v1-Funktionen enthalten
Pass
Für eine intensive Woche
€19einmalig
- 7 Tage unbegrenzt debuggen
- Alle v1-Funktionen enthalten
Pro
2 MACSFür den täglichen Workflow
€59pro Jahr
- Unbegrenzt debuggen · 2 Macs
- Alle v1-Funktionen enthalten
Geplante Einführungspreise · EUR, inklusive Steuern · Kaufabwicklung künftig über Polar.
FAQ
Vor der ersten Verbindung.
Ist Tapscope schon verfügbar?
Version 1.0 ist in Entwicklung. Diese Seiten beschreiben den geplanten v1-Umfang. Der Download wird freigeschaltet, sobald eine signierte Version bereitsteht.
Kann ich meinen Coding Agent nutzen?
Die geplante CLI funktioniert mit Agenten, die Shell-Befehle ausführen können. Claude Code, Codex und Cursor können die JSON-Ausgabe nutzen; kompatible MCP- und CDP-Clients verbinden sich mit dem lokalen Endpunkt.
Auf welchen Computern läuft Tapscope?
Die erste Version ist für macOS 15 oder neuer. Windows ist für später geplant; Linux ist eine spätere experimentelle Option. iOS-Simulatoren benötigen Xcode, Android benötigt adb.
Kann ich jede iOS-App untersuchen?
Nein. WebViews müssen in per Xcode installierten Apps ausdrücklich inspizierbar sein, etwa mit isInspectable ab iOS 16.4. App-Store- und TestFlight-Apps gehören nicht zum unterstützten Umfang.
Laufen Seitendaten über einen Cloud-Dienst?
Geräte-Debugging und CDP-Endpunkt laufen lokal auf deinem Mac. Lizenzaktivierung und -prüfung nutzen Polar. Der optionale Website-Chat verbindet sich erst nach „Chat starten“ mit tawk.to. Dabei verarbeitet der Dienst IP-Adresse, Browserdaten und Nachrichten und kann Cookies verwenden.