Wer schon einmal nach einer Möglichkeit gesucht hat, JSON lesbar zu machen, hat wahrscheinlich sowohl „JSON viewer"- als auch „JSON formatter"-Werkzeuge gesehen — und sich gefragt, ob das dasselbe ist. Ist es nicht, auch wenn die Grenze verschwommen ist, da die Werkzeuge immer mächtiger werden. Den Unterschied zu verstehen hilft, das passende Werkzeug zu wählen: rohe API-Ausgaben formatieren, während des Debuggens eine tief verschachtelte Antwort erkunden oder eine große Konfigurationsdatei durchgehen, ohne den Faden zu verlieren.
Was ist ein JSON-Formatierer?
Ein JSON-Formatierer nimmt rohes, unformatiertes JSON — typischerweise eine einzige lange Zeile — und schreibt es mit konsistenter Einrückung und Zeilenumbrüchen neu. Die Daten ändern sich nicht; nur die Leerzeichen tun es.
// Rohe Eingabe
{"user":{"id":42,"name":"Alice","roles":["admin","editor"],"active":true}}
// Nach Formatierung (2 Leerzeichen Einrückung)
{
"user": {
"id": 42,
"name": "Alice",
"roles": [
"admin",
"editor"
],
"active": true
}
}Ein Formatierer ist eine Textoperation. Er liest den JSON-String, normalisiert Leerzeichen und gibt einen neuen String aus. Die meisten Formatierer validieren das JSON als Nebeneffekt — ist es fehlerhaft, kann es nicht korrekt eingerückt werden und ein Fehler tritt zutage.
Worin JSON-Formatierer gut sind:
- Minifizierte API-Antworten in Sekunden lesbar machen
- Einrückungen im Team vereinheitlichen (2 Leerzeichen vs. 4 Leerzeichen vs. Tabs)
- Schöne Ausgaben für Doku oder Logs erzeugen
- Als schneller Gültigkeits-Check für JSON dienen
Was ist ein JSON-Viewer?
Ein JSON-Viewer — manchmal JSON reader oder JSON explorer genannt — geht einen Schritt weiter. Statt formatierten Text auszugeben, rendert er das JSON als interaktive Struktur, in der man navigieren kann.
Das Schlüsselmerkmal eines JSON-Viewers sind klappbare Knoten. Jedes Objekt {} und Array [] lässt sich unabhängig ein- oder ausklappen. So kann man die oberste Ebene einer 10.000-Zeilen-Antwort betrachten, die interessierende Sektion finden, nur diesen Zweig ausklappen und alles andere ignorieren.
Ein typischer JSON-Viewer bietet außerdem:
- Syntax-Hervorhebung — Schlüssel, Strings, Zahlen, Booleans und null erscheinen in unterschiedlichen Farben, sodass die Struktur sofort sichtbar wird
- Klappbare/aufklappbare Knoten — ganze Teilbäume zuklappen, um visuelles Rauschen zu reduzieren
- Elementzähler — eingeklappte Knoten zeigen die Anzahl ihrer Kinder auf einen Blick (z. B.
[...] 24 items) - Schlüssel-Navigation — bestimmte Schlüssel finden, ohne durch tausende Zeilen zu scrollen
Worin JSON-Viewer gut sind:
- Große, tief verschachtelte API-Antworten erkunden
- Debuggen, ohne die Datenform vorher zu kennen
- Konfigurationsdateien lesen, in denen nur wenige Abschnitte zählen
- Unbekannte JSON-Strukturen schnell verstehen
„JSON Tree Viewer" ist dasselbe
Dieselbe Funktion heißt mitunter JSON tree viewer, JSON tree oder collapsible JSON tree. Alle drei beschreiben einen Viewer, der das Dokument als interaktive Hierarchie aus ausklappbaren Knoten darstellt. Wenn Sie gezielt nach diesem Begriff suchen, siehe JSON Tree Viewer: JSON als ausklappbarer Baum erkunden.
Sie haben bereits einen: Browser-DevTools
Gut zu wissen: Chrome, Firefox und Edge rendern alle einen integrierten klappbaren JSON-Viewer, sobald der Content-Type einer Antwort application/json ist. Rufen Sie die URL direkt auf (oder öffnen Sie das Preview-Panel des Network-Tabs) und Sie bekommen einen Baum geschenkt — ohne Erweiterung. Perfekt zum schnellen Lesen; für sehr große Payloads, „Alle einklappen"-Steuerungen und Schlüsselsuche ist ein dedizierter Viewer im Vorteil.
Der Kernunterschied, kurzgefasst
Am einfachsten gedacht: Ein Formatierer ändert, wie der Text aussieht; ein Viewer ändert, wie man mit den Daten interagiert.
| JSON-Formatierer | JSON-Viewer | |
|---|---|---|
| Ausgabe | Formatierter Text | Interaktiver Baum |
| Klappbare Knoten | Nein | Ja |
| Syntax-Hervorhebung | Manchmal | Immer |
| Als Text kopierbar | Ja | Meist über Export |
| Am besten für | Ausgabe aufräumen | Struktur erkunden |
Wann einen JSON-Formatierer nutzen
Nutzen Sie einen Formatierer, wenn Sie lesbare Textausgabe brauchen — etwas, das Sie einfügen, committen, loggen oder an Kolleg:innen schicken können.
API-Antworten im Terminal lesen
Sie führen curl https://api.example.com/users/42 aus und bekommen eine Wand aus minifiziertem JSON. In ein Formatierungstool einfügen, schon wird es in Sekunden lesbar.
Dateien vor dem Commit vereinheitlichen
Verlangt der Styleguide Ihres Teams 2-Leerzeichen-Einrückung, setzt ein Formatierer das konsequent durch — ohne manuelles Editieren.
Schnelle Validitätsprüfung
Fügt man kaputtes JSON in einen Formatierer ein, weiß man sofort, ob es parst. Sehen Sie einen Fehler, ist das JSON fehlerhaft. Formatiert es sauber, ist es gültig.
Dokumentation und Screenshots
Schön gedrucktes JSON sieht in Doku, READMEs und Slack-Nachrichten besser aus als eine einzige minifizierte Zeile.
Wann einen JSON-Viewer nutzen
Nutzen Sie einen Viewer, wenn Sie navigieren und erkunden müssen — wenn Sie noch nicht genau wissen, was im JSON steckt oder wo Sie es finden.
Große API-Antworten erkunden
Sie bekommen eine Antwort mit Dutzenden verschachtelten Objekten und Arrays. Klappt man die obersten Knoten zu, ergibt sich eine Karte der Struktur. Sie klappen nur den Zweig auf, den Sie untersuchen.
Debuggen ohne Vorwissen über das Schema
Beim erstmaligen Arbeiten mit einer Drittanbieter-API können Sie mit einem Viewer durch den Baum klicken und Beziehungen zwischen Objekten verstehen, bevor Sie einen einzigen Parsing-Code schreiben.
Tief verschachtelte Konfigurationen lesen
Kubernetes-Manifeste, AWS-CloudFormation-Templates und ähnliche Dateien haben oft viele Verschachtelungsebenen. Ein Viewer macht es praktikabel, eine bestimmte Einstellung fünf Ebenen tief zu finden.
Datenformen zwischen Umgebungen vergleichen
Klappen Sie Produktion- und Staging-Antwort nebeneinander auf. Eingeklappte Knoten machen leicht ersichtlich, welche Abschnitte sich unterscheiden.
Was gute JSON-Viewer gemeinsam haben
Nicht alle JSON-Viewer sind gleich. Hier ist, was einen nützlichen von einem frustrierenden trennt:
- Steuerungen „Alle einklappen / aufklappen" — die Ansicht muss sich sofort zurücksetzen lassen; ohne „Alle einklappen"-Schaltfläche schließt man Knoten einzeln
- Zuverlässige Performance bei großen Dateien — manche browserbasierten Viewer kämpfen mit JSON mit zehntausenden Knoten; die besten Tools handhaben das souverän
- Präzise Syntax-Hervorhebung — Schlüssel sollten sich von String-Werten unterscheiden; Zahlen, Booleans und null jeweils visuell deutlich
- Saubere Behandlung von Sonderfällen — leere Objekte, leere Arrays, null-Werte und tief verschachtelte Strukturen müssen korrekt dargestellt werden
- Kein Daten-Upload nötig — Ihr JSON enthält oft sensible Daten; ein Viewer, der alles lokal im Browser verarbeitet, ist viel sicherer als einer, der Daten an einen Server schickt
JSON Reader: Schon wieder etwas anderes?
„JSON reader" wird meist synonym mit „JSON viewer" verwendet — es beschreibt das Lesen und Navigieren in JSON, nicht das Bearbeiten oder Umformatieren. Wer ein Tool als JSON Reader bewirbt, liefert fast sicher eine baumbasierte Navigation mit klappbaren Knoten, genau wie ein Viewer.
Gelegentlich taucht „reader" im Code-Kontext auf — etwa JsonReader in Javas Gson-Bibliothek — aber im Kontext von Web-Tools meinen Reader und Viewer dasselbe.
Brauchen Sie beides?
Ja — und die meisten guten Tools verbinden beide Fähigkeiten. Ein modernes JSON-Tool formatiert Ihre Eingabe (normalisiert die Einrückung) und stellt sie als navigierbaren Baum dar. Formatierter Text und interaktiver Viewer existieren nebeneinander: Sie nutzen, was zur aktuellen Aufgabe passt.
Am wichtigsten ist der Unterschied bei Tools, die gezielt für eines von beiden gebaut sind. Ein Kommandozeilen-Formatierer wie jq oder python -m json.tool liefert nur Textausgabe. Ein dedizierter Viewer in einer Browser-Erweiterung liefert nur Baum-Navigation. Für die tägliche Arbeit ist ein einziges browserbasiertes Tool, das beides kann, am praktischsten.
Das richtige Tool wählen
Wenn Sie hauptsächlich im Terminal arbeiten
jq ist der Standard. Es formatiert, filtert und befragt JSON mit einer mächtigen Ausdrucks-Sprache. Einen Viewer hat es nicht, aber für skriptgetriebene Workflows ist es unschlagbar.
Wenn Sie in einem Code-Editor arbeiten
VS Code mit der Prettier-Erweiterung formatiert JSON beim Speichern. Für Baum-Navigation ist der in den DevTools der meisten Browser eingebaute JSON-Editor überraschend leistungsfähig.
Wenn Sie eine schnelle Paste-and-View-Lösung brauchen
Ein browserbasiertes Tool ist der schnellste Weg. Achten Sie auf eines, das beim Tippen validiert, eine klappbare Baumansicht bietet, große Dateien ohne Einfrieren bewältigt und Ihre Daten lokal hält. Der JSON-Viewer von fixjson erfüllt all das — fügen Sie Ihr JSON ein und der Baum erscheint sofort, ohne dass Daten an einen Server gesendet werden.
Wenn Sie es mit kaputtem oder fehlerhaftem JSON zu tun haben
Weder ein Standardformatierer noch ein Viewer helfen — Sie brauchen zuerst ein JSON-Reparaturtool. Reparaturtools beheben häufige Fehler wie nachgestellte Kommas, einfache Anführungszeichen und Schlüssel ohne Anführungszeichen, bevor das bereinigte JSON an Viewer oder Formatierer geht.
Häufig gestellte Fragen
Was ist der Unterschied zwischen einem JSON-Viewer und einem JSON-Formatierer?
Ein Formatierer gibt lesbaren, eingerückten Text aus, den Sie kopieren können; ein Viewer rendert einen interaktiven Baum mit klappbaren Knoten und Syntax-Hervorhebung, in dem Sie navigieren können. Formatierer = wie der Text aussieht; Viewer = wie Sie mit den Daten interagieren.
Ist ein JSON-Viewer dasselbe wie ein JSON-Reader?
In Web-Tools ja — „reader", „viewer" und „explorer" beschreiben alle baumbasierte Navigation mit klappbaren Knoten. („JsonReader" in Code-Bibliotheken wie Gson hat nichts damit zu tun.)
Brauche ich sowohl Viewer als auch Formatierer?
Die meisten modernen Tools vereinen beides — sie formatieren die Eingabe und stellen denselben Inhalt als klappbaren Baum dar, sodass Sie nie zwischen Lesbarkeit und Navigierbarkeit wählen müssen.
Was, wenn mein JSON kaputt ist?
Weder Viewer noch Formatierer helfen — reparieren Sie es zuerst mit JSON Fix, betrachten oder formatieren Sie dann die bereinigte Ausgabe. Siehe auch JSON formatieren.
Fazit
Ein JSON-Formatierer liefert lesbaren Text. Ein JSON-Viewer liefert einen interaktiven Baum. Beides ist nützlich — welches Werkzeug Sie greifen, hängt davon ab, ob Sie eine Ausgabe zum Kopieren brauchen oder eine Struktur zum Erkunden.
Für die meisten Entwickler:innen leistet das ideale Tool beides: Es formatiert die Eingabe und stellt sie im selben Bereich als klappbaren Baum dar. So müssen Sie nie zwischen Lesbarkeit und Navigierbarkeit wählen.
Wenn Ihr JSON bereits vor dem Anschauen kaputt ist, reparieren Sie es zuerst — Viewer und Formatierer verlangen gültiges JSON als Eingabe; ein Reparaturtool tut das nicht.