Elements
Tippe, um jeden Knoten auszuwählen. DOM-Baum, CSS-Kaskade und das Box-Modell mit echten Messschiebern. Event-Listener pro Knoten, Suche im Baum, als HTML bearbeiten und Attribute hinzufügen.
Desktop-DevTools, neu gebaut für den Daumen. Inspiziere das DOM, lies jeden Request, bearbeite live und jage den Bug — ohne Kabel, ohne Laptop.
Volle 30-tägige Testphase · danach 5,99 €/Jahr · iPhone · iPad · Android
Das Fach
Jedes Panel ist echt, keine Spielzeug-Konsole. Sie öffnen sich aus einem Schiebefach — Peek, halb, ganz — mit großen Touch-Zielen und Gesten, die für den Daumen gemacht sind.
Tippe, um jeden Knoten auszuwählen. DOM-Baum, CSS-Kaskade und das Box-Modell mit echten Messschiebern. Event-Listener pro Knoten, Suche im Baum, als HTML bearbeiten und Attribute hinzufügen.
Ein vollwertiges REPL über der Seite: werte JS aus, fange console.* mit Ebenen und Stack-Traces ab und filtere das Rauschen heraus. Rendert console.table und Gruppen, mit Live-Autovervollständigung gegen die Seite.
Jeder Request in einem Touch-Wasserfall mit echtem DNS/TLS/TTFB-Timing (Android) und Initiator. Header, Payload und Response-Body. Blockiere Requests, surfe ohne Cache, verfolge WebSockets live, sende Requests erneut und exportiere HAR.
Cookies mit allen Attributen (expires, SameSite, Secure, httpOnly), localStorage, sessionStorage, IndexedDB (Datenbanken → Stores → Datensätze) und Cache. Lies, bearbeite und lösche pro Domain.
Speicherverbrauch und echte Heap-Größe auf Android; auf iOS eine als solche gekennzeichnete Schätzung. Nimm eine Messung und sieh, was zwischen Navigationen wächst.
Quellcode mit Highlighting ansehen, minifizierten Code lesbar formatieren und Ressourcen überschreiben, um Änderungen zu testen, ohne den Server anzufassen.
Audit mit einem Tipp: eine Bewertung über SEO, Sicherheit (echte CSP/HSTS-Header), Core Web Vitals und Barrierefreiheit. Als Markdown exportierbar.
Der Interceptor
Ändere Requests und Responses im Flug — ohne Proxy, ohne Zertifikate, direkt aus dem Browser. Auf Android fängt er jeden Request ab, nicht nur fetch/XHR.
Pausiere einen Request vor dem Senden oder bevor seine Response die Seite erreicht. Ändere Methode, URL, Header, Body oder Status und mach weiter — oder brich ab. Ein Sicherheits-Auto-Continue sorgt dafür, dass die Seite nie hängt.
Beantworte einen Endpoint mit einem lokalen Body — Status, Header und Body — ohne das Netzwerk anzufassen. Ideal, um Fehlerzustände oder noch nicht existierende Responses zu simulieren.
Schreibe die Ziel-URL auf einen anderen Server um: Staging, einen Mock oder deinen eigenen Rechner.
Find/Replace in Headern und Body per deklarativer Regel, oder eine JS-Funktion (req)=>req / (res)=>res für maßgeschneiderte Transformationen.
Baue einen Request von Grund auf — Methode, URL, Header und Body — und sende ihn. Die Response öffnet sich mit navigierbarem JSON-Baum, GraphQL-Ansicht und Bildvorschau.
Die Werkbank
Derselbe Browser, der schon dein Prüfstand ist, wird zur Werkbank für API und PWA: Requests bauen, Responses speichern und Service Workers debuggen — ohne das Smartphone zu verlassen.
Speichere die Response jedes Requests und liefere sie lokal aus — dauerhaft über Reloads und Navigationen hinweg. Teste Zustände, die es noch nicht gibt, ohne den Server anzufassen.
Speichere und organisiere Requests in Ordnern, mit Variablen und Umgebungen, Bearer- oder Basic-Auth und Pre-Request-Scripts. Sende und erkunde die Response mit JSON-Baum, GraphQL und Bildvorschau.
Exportiere und importiere deine gesamte Debugging-Konfiguration — Interception-Regeln, Blockierungen, Snippets, Sammlungen und Umgebungen — in einer einzigen Datei. Teile dein Setup oder nimm es auf ein anderes Gerät mit.
Inspiziere Service Workers (Status, Registrierung aufheben, aktualisieren), Cache Storage (Caches und Einträge, löschen) und das Web App Manifest samt Installierbarkeits-Check. Debugge echte PWAs.
Sieh dir die Header-Bidding-Auktion auf dem echten Telefon an, ohne Kabel: Ad Units, welche Bidder geantwortet haben und welche ins Timeout liefen, Gewinner-CPMs und ein Balkendiagramm der gesamten Auktion. Erscheint nur auf Seiten, die Prebid nutzen.
Was jeder Button, jedes Icon und jedes Panel macht, verständlich erklärt und durchsuchbar. Denn DevTools sollten nicht voraussetzen, dass man DevTools schon kennt.
Im Einsatz
Du öffnest den Wasserfall, sortierst nach Dauer und siehst, dass /api/cart den Checkout blockiert. Du kopierst den Header und machst weiter.
Du liest ein httpOnly-Session-Cookie, an das JavaScript nicht herankommt, prüfst SameSite und bearbeitest es, um den Bug zu reproduzieren.
Du wählst den Knoten mit dem Finger aus, änderst Inhalt und Stil im Baum und prüfst den Fix, bevor du den Editor öffnest.
Die Console fängt den TypeError mit vollständigem Stack ab — den, den du im Desktop-Simulator nie reproduzierst.
Echte Originaltreue
Auf Android verbindet sich Scalpel mit demselben Instrumentierungsprotokoll, das Desktop-Chrome nutzt — echte Response-Bodies, echter Heap, echtes Netzwerk-Throttling. Auf iPhone und iPad liefert dir ein Präzisions-Inspektionsagent Parität bei DOM, Console, Netzwerk und Storage.
Preis
Die ersten 30 Tage, komplett und kostenlos. Keine Karte zum Starten.
Demnächst im App Store und bei Google Play
30-tägige Testphase beim Download · verlängert sich zu 5,99 €/Jahr · jederzeit kündbar
3 Freunde mit deinem Code abonniert? Deine nächste Verlängerung sinkt auf 3,99 €/Jahr.