Interaktive JSON-Baumansicht

Fügen Sie JSON ein, um es als ein- und ausklappbaren Baum zu erkunden. Die Werttypen (Zeichenketten, Zahlen, Booleans, Objekte, Arrays) sind farbig hervorgehoben, damit Sie die Struktur eines komplexen Dokuments schnell erfassen.

Beispiel:

So funktioniert es

Bei einem großen JSON-Dokument (verschachtelte API-Antwort, komplexe Konfiguration) ist es oft schneller, sich visuell durch die Struktur zu bewegen, als es Zeile für Zeile zu lesen. Fügen Sie Ihr JSON ein und klicken Sie auf „Baum anzeigen“: Jedes Objekt und jedes Array wird zu einem einklappbaren Knoten, mit einer Vorschau der Anzahl der enthaltenen Elemente.

Was bedeuten die Farben der Werte?

Jeder JSON-Werttyp hat seine eigene Farbe: Grün für Zeichenketten, Blau für Zahlen, Rosa für Booleans, Grau für null, Orange für Objekte und Violett für Arrays. So erkennen Sie auf einen Blick zum Beispiel, dass ein Feld, das numerisch sein sollte, in Wirklichkeit eine Zeichenkette ist.

Wie klappe ich bestimmte Zweige ein oder aus?

Klicken Sie auf den Pfeil links neben einem Objekt oder Array, um nur diesen Zweig ein- oder auszuklappen; die Schaltflächen „Alle ausklappen“ und „Alle einklappen“ wirken auf den gesamten Baum auf einmal, was nützlich ist, um sich schnell auf einen einzelnen Abschnitt eines umfangreichen Dokuments zu konzentrieren.

100% lokale Verarbeitung: Die Analyse und die Anzeige des Baums erfolgen vollständig in Ihrem Browser — Ihr JSON verlässt niemals Ihr Gerät.