So zeigen Sie JSON als Baum an
- Fügen Sie JSON ein, ziehen Sie eine Datei hinein oder laden Sie sie per URL. Der Baum erscheint neben dem Text.
- Klicken Sie auf eine Zeile, um sie auf- oder zuzuklappen, oder nutzen Sie Alle ausklappen und Alle einklappen. Per Tastatur bewegen Sie sich mit ↑ und ↓, mit ← und → schließen und öffnen Sie Knoten.
- Tippen Sie in das Suchfeld, um nur passende Schlüssel und Werte anzuzeigen. Wählen Sie einen Knoten aus, um seinen JSONPath, seinen JavaScript-Pfad oder seinen Wert zu kopieren.
Den JSON-Baum lesen
- Objekte zeigen die Anzahl ihrer Schlüssel, zum Beispiel
{5}, Arrays die Anzahl ihrer Einträge, zum Beispiel[12]. - Farben und kleine Badges zeigen den Typ jedes Werts: String, Zahl, Boolean, null, Objekt oder Array.
- Lange Arrays werden in Blöcken von 200 Einträgen angezeigt, sodass auch Dateien mit Hunderttausenden Werten flüssig bleiben.
- Zahlen werden exakt so angezeigt, wie sie geschrieben sind – lange IDs werden nicht gerundet, und Schlüssel behalten ihre ursprüngliche Reihenfolge.
Was ist JSONPath?
JSONPath beschreibt, wo sich ein Wert in einem JSON-Dokument befindet – ähnlich wie ein Dateipfad. 2024 wurde es als RFC 9535 standardisiert. $ ist die Wurzel, .name wählt eine Eigenschaft aus, [0] einen Array-Eintrag und ['first name'] eine Eigenschaft, deren Name Leerzeichen oder Sonderzeichen enthält.
| Pfad | Wählt aus |
|---|---|
$.store | die Eigenschaft store des Wurzelobjekts |
$.products[0] | den ersten Eintrag des Arrays products |
$.products[0].price | den Preis dieses ersten Produkts |
$.address.geo.lat | einen Wert, der drei Ebenen tief verschachtelt ist |
$['shipping address'].city | einen Schlüssel mit Leerzeichen im Namen |
In JavaScript lautet derselbe Wert data.products[0].price – mit JS-Pfad kopieren erhalten Sie genau diese Form.
Häufig gestellte Fragen
Kann ich große JSON-Dateien öffnen?
Ja. Nur die aufgeklappten Teile des Baums werden gezeichnet, und lange Arrays erscheinen in Blöcken von 200 Einträgen – so öffnen sich auch Dateien mit mehreren Dutzend Megabyte in einem Desktop-Browser.
Wie kopiere ich den Pfad eines Werts?
Klicken Sie auf den Knoten und nutzen Sie dann Pfad kopieren für JSONPath ($.users[0].email) oder JS-Pfad kopieren für JavaScript (data.users[0].email).
Kann ich das JSON im Viewer bearbeiten?
Der Viewer ist schreibgeschützt, damit sich nichts versehentlich ändert. Um Werte zu ändern, Schlüssel umzubenennen oder Einträge hinzuzufügen, öffnen Sie den JSON Editor.
Was passiert, wenn mein JSON ungültig ist?
Der Fehlerhinweis zeigt Zeile, Spalte und Ursache des Problems, und der Baum zeigt weiterhin die letzte gültige Version, bis der Fehler behoben ist.