HAR File Viewer Online
Öffne eine .har-Datei und inspiziere jede Anfrage, jeden Header, jedes Timing und jede Antwort in deinem Browser. Der Mitschnitt verlässt niemals dein Gerät.
Der HAR File Viewer parst deine .har vollständig in deinem Browser. Die Anfragen, Cookies, Header, Tokens und Antwort-Bodys im Mitschnitt bleiben auf deinem Gerät und werden niemals zu ArrayKit hochgeladen.
JSON Viewer öffnen
Über HAR File Viewer
Der HAR File Viewer öffnet einen HTTP-Archive-(.har)-Mitschnitt und verwandelt ihn in eine lesbare Anfrageliste, die du in Sekunden inspizieren kannst. Lege eine aus den Chrome-, Firefox-, Edge- oder Safari-DevTools exportierte Datei ab, und jeder Eintrag zeigt seine Methode, URL, den Status, den Ressourcentyp, die Übertragungsgröße und die Gesamtzeit. Klappe eine Zeile auf, um Anfrage- und Antwort-Header, Query-String-Parameter, eine Timing-Aufschlüsselung pro Phase (DNS, Connect, SSL, Wait, Receive) und den Antwort-Body zu lesen, wenn der Mitschnitt einen eingebettet hat. Eine Zusammenfassung summiert Gesamtanfragen, übertragene Bytes, die Wanduhr-Abschlusszeit und eine Statuscode-Aufschlüsselung, sodass du Fehler und langsame Aufrufe auf einen Blick erkennst. Weil HAR-Dateien oft Cookies, Auth-Header und Tokens enthalten, wird nichts hochgeladen — die Datei wird vollständig auf deinem Gerät geparst und gerendert.
Funktionen
- Lege eine .har-Datei ab oder öffne sie und sieh jede Anfrage als überfliegbare Liste
- Methode, URL, Status, Ressourcentyp, Übertragungsgröße und Gesamtzeit pro Eintrag
- Klappe jede Anfrage auf, um ihre Anfrage- und Antwort-Header zu sehen
- Timing-Aufschlüsselung pro Phase: Blocked, DNS, Connect, SSL, Wait und Receive
- Antwort-Body-Vorschau für Einträge, die den Inhalt eingebettet haben
- Zusammenfassung von Gesamtanfragen, übertragenen Bytes, Abschlusszeit und Statuscodes
- Filtere auf nur 4xx- und 5xx-Fehlerantworten, um Ausfälle schnell zu triagieren
- Verarbeitet Mitschnitte aus den Chrome-, Firefox-, Edge- und Safari-DevTools
So verwendest du HAR File Viewer
- Öffne in deinen Browser-DevTools das Netzwerk-Panel und exportiere eine .har-Datei
- Lege die .har hier ab oder klicke auf .har öffnen (oder füge das HAR-JSON ein)
- Überfliege die Anfrageliste und prüfe die Zusammenfassung auf Fehler und langsame Aufrufe
- Klicke eine Zeile an, um ihre Header, Query-Parameter, Timings und Antwort zu inspizieren
- Nutze den Fehler-Filter, um direkt zu 4xx- und 5xx-Antworten zu springen
Beispiel
Eingabe
{ "log": { "entries": [ { "request": { "method": "GET", "url": "https://api.example.com/v1/users" }, "response": { "status": 200, "content": { "mimeType": "application/json", "size": 2048 } }, "time": 120 } ] } }
Ausgabe
GET 200 api.example.com/v1/users json 2.00 KB 120 ms
Ein HAR-Eintrag, gerendert als Anfrage-Zeile mit Typ, Größe und Zeit.
Häufige Fehler & Fehlerbehebung
- Die Datei lädt, zeigt aber 'Not a HAR file'. — Stelle sicher, dass du ein HAR (ein HTTP Archive mit einem log.entries-Array auf oberster Ebene) exportiert hast, keine reine JSON-Antwort oder einen Screenshot. Exportiere neu aus dem DevTools-Netzwerk-Panel.
- Größen zeigen 0 B für mehrere Anfragen. — Manche Browser erfassen bodySize als -1 (unbekannt) für gecachte oder gestreamte Antworten. Der Viewer fällt auf content.size zurück, wenn er kann, aber eine wirklich fehlende Größe bleibt 0.
- Der Antwort-Tab sagt, es wurde kein Body erfasst. — Antwort-Bodys sind in einem HAR optional. Exportiere neu mit 'Antwort-Bodys einschließen' oder der entsprechenden Browser-Option, damit der Inhaltstext eingebettet wird.
- Timings wirken unvollständig oder jede Phase ist leer. — Phasen, die als -1 erfasst sind, werden als 'nicht zutreffend' markiert und ausgeblendet. Gecachte, blockierte oder Preflight-Einträge lassen DNS/Connect/SSL oft weg, sodass nur die Phasen erscheinen, die tatsächlich liefen.
Häufig gestellte Fragen
- Was ist eine HAR-Datei?
- Eine HAR-(HTTP-Archive)-Datei ist ein JSON-Log der Netzwerkaktivität, die ein Browser für eine Seite aufgezeichnet hat. Sie speichert jede Anfrage und Antwort — Methode, URL, Header, Cookies, Timings und optional den Body — innerhalb eines log.entries-Arrays, sodass Tools die Sitzung wiedergeben und analysieren können.
- Wie exportiere ich ein HAR aus meinem Browser?
- Öffne die DevTools (F12), gehe zum Netzwerk-Panel, reproduziere die Aktivität, dann rechtsklicke eine Anfrage und wähle 'Save all as HAR' (Chrome/Edge) oder nutze das Download-/Export-Symbol in Firefox und Safari. Lade dieses .har hier, um es zu inspizieren.
- Zeigt der Viewer Anfrage- und Antwort-Bodys?
- Er zeigt den Antwort-Body, wenn das HAR ihn unter content.text eingebettet hat; viele Mitschnitte lassen Bodys weg, um die Datei klein zu halten. Anfrage-Header, Query-String-Parameter und Antwort-Header werden immer gezeigt, wenn vorhanden.
- Was bedeuten die Timing-Phasen?
- Jeder Eintrag zerlegt seine Gesamtzeit in Phasen: Blocked (Warteschlange), DNS-Lookup, Connect (TCP), SSL (TLS-Handshake), Send (Upload), Wait (Server-Denkzeit / TTFB) und Receive (Download). Phasen, die der Browser nicht erfasst hat, werden als nicht zutreffend markiert und ausgeblendet.
- Kann es ein großes HAR mit Hunderten von Anfragen verarbeiten?
- Ja. Die ganze Datei wird in deinem Browser geparst und jede Anfrage wird zu einer aufklappbaren Zeile, sodass ein großer Mitschnitt scrollbar bleibt. Nutze den Fehler-Filter, um direkt zu fehlschlagenden 4xx- und 5xx-Antworten zu springen.
- Bleiben die Cookies und Auth-Header in meinem HAR privat?
- Ja. HAR-Dateien enthalten oft Cookies, Authorization-Header und Tokens, daher parst und rendert der Viewer die Datei vollständig auf deinem Gerät. Nichts aus dem Mitschnitt wird zu ArrayKit hochgeladen.
Verwandte Tools
- User-Agent-Parser — Eine User-Agent-Zeichenfolge in Browser, Engine, OS und Gerät zerlegen.
- URL-Parser — Zerlege eine URL in ihre Bestandteile und liste die Query-Parameter auf.
- HTTP-Status & MIME-Typen — Durchsuchbare Referenz für HTTP-Statuscodes und MIME-Content-Typen.
- IPv6-↔-IPv4-Konverter — Konvertiere zwischen IPv4 und IPv6 (gemappt/expandiert/komprimiert) und extrahiere die eingebettete IPv4.
- CIDR-/Subnetz-Rechner — Berechne Netzwerk, Broadcast, Host-Bereich und Maske eines CIDR-Blocks.
- JSON-Viewer — Text- und einklappbare Baumansicht mit Ein-/Ausklappen und Knotenpfaden.
Alle ArrayKit-Tools