JSON Viewer — JSON-Betrachter

Ein schneller Baum-Viewer für große JSON-Dateien

JSON ist leicht zu lesen, wenn es nur ein Dutzend Zeilen lang ist, und fast unmöglich, wenn es ein 40 MB großer API-Dump, ein GeoJSON-Export oder eine HAR-Datei des Browsers ist. Texteditoren tun sich mit solchen Dateigrößen schwer, und die meisten Online-Viewer laden deine Daten entweder hoch oder frieren den Tab ein, während sie Tausende von HTML-Elementen aufbauen. Dieser JSON-Viewer ist genau für diese Situation gemacht: Du legst die Datei ab, sie wird lokal geparst und als einklappbarer Baum angezeigt, in dem nur die gerade sichtbaren Zeilen gezeichnet werden. Egal, ob das Dokument hundert oder mehrere Millionen Knoten hat – Scrollen und Aufklappen bleiben flüssig.

Jede Zeile zeigt den Schlüssel oder Array-Index, einen farbcodierten Wert und bei Objekten und Arrays die Anzahl der enthaltenen Schlüssel oder Elemente. Klicke auf eine beliebige Zeile, um sie auszuwählen und auf- oder zuzuklappen, oder nutze die Tastatur: Die Pfeiltasten bewegen die Auswahl und klappen auf, Page Up und Page Down springen jeweils eine Bildschirmseite, und Enter schaltet den aktuellen Knoten um. Expand all und Collapse all wirken auf das gesamte Dokument, mit einer Sicherheitsgrenze, damit eine riesige Datei die Seite nicht blockieren kann.

Suchen und Pfade kopieren

Das Suchfeld durchsucht jeden Schlüssel und jeden Wert im Dokument, auch Knoten, die noch eingeklappt sind. Drücke Enter, um zum nächsten Treffer zu springen, und Shift+Enter, um zurückzugehen; der Viewer klappt die übergeordneten Knoten jedes Treffers auf, scrollt ihn ins Sichtfeld und hebt den passenden Text hervor. So findest du schnell eine bestimmte ID, E-Mail-Adresse oder einen Fehlercode, der tief in einer verschachtelten Antwort steckt.

Wenn du einen Knoten auswählst, erscheint sein vollständiger Pfad unter dem Baum. Wähle die gewünschte Notation – JavaScript, JSONPath, JSON Pointer, jq oder Python – und kopiere sie mit einem Klick, oder fahre mit der Maus über eine Zeile und nutze ihren Button zum Kopieren des Pfads. Schlüssel mit Leerzeichen, Bindestrichen oder anderen Sonderzeichen werden für jedes Format korrekt in Anführungszeichen gesetzt und maskiert, sodass der kopierte Pfad direkt in Code, einen jq-Befehl, eine Test-Assertion oder eine JSON-Patch-Operation eingefügt werden kann. Copy value kopiert den ausgewählten String als reinen Text oder ein beliebiges Objekt bzw. Array als formatiertes JSON.

Privat und offline nutzbar

Alles passiert in deinem Browser. Die Datei wird nie hochgeladen, es gibt kein Konto, und nichts wird gespeichert – du kannst also gefahrlos Produktionslogs, Kundenexporte oder Antworten mit Tokens untersuchen. Zeilengetrenntes JSON (NDJSON oder JSON Lines) wird automatisch erkannt und als Array angezeigt, und ungültige Eingaben werden mit Zeile und Spalte des ersten Fehlers gemeldet. Wenn du ein Dokument neu formatieren, minimieren oder die Schlüssel sortieren willst, statt es nur zu durchsuchen, nutze stattdessen den JSON Formatter.