JSON Baumviewer

Dieses Tool analysiert jedes JSON, das du einfügst oder hochlädst, und stellt es als interaktiven, aufklappbaren Baum dar statt als flachen Textblock. Jedes Objekt und Array wird zu einem Zweig, den du auf- oder zuklappen kannst, während einzelne Schlüssel ihren Werttyp — String, Zahl, Boolean oder Null — in einer eigenen Farbe zeigen, damit du eine große Antwort überblicken kannst, ohne jedes Zeichen zu lesen.

Die Eingabe im Suchfeld filtert den Baum auf passende Schlüssel und Werte und öffnet automatisch nur die Zweige, die für jedes Ergebnis nötig sind, während der Rest geschlossen bleibt. Ein Klick auf das Kopiersymbol neben einem Knoten kopiert nur diesen Wert, während das Pfadsymbol den genauen Pfad mit Punkten und Klammern kopiert (zum Beispiel data.users[2].email), damit du ihn direkt in deinen Code, einen Test oder einen Bugreport einfügen kannst. Eine Statuszeile am Ende des Baums zeigt, wie viele Schlüssel und wie viele Ebenen tief das aktuelle JSON reicht.

Wenn die Eingabe kein gültiges JSON ist, markiert das Tool den Parsing-Fehler sofort, statt einen leeren Baum anzuzeigen. Das gesamte Parsen und Rendern geschieht lokal in deinem Browser, sodass das Einfügen von API-Antworten, Konfigurationsdateien oder JSON mit Tokens und Zugangsdaten diese Daten niemals an einen Server sendet.