JSON-Visueller Ansicht

Parst JSON und gibt es direkt auf der Seite als farbigen, eingerückten Baum hübsch aus. Jeder Werttyp erhält seine eigene Farbe: Objektschlüssel und null in Lila, Boolesche Werte in Blau, Zahlen in Grün, Zeichenketten in Orange sowie geschweifte Klammern, eckige Klammern und Kommas in Grau. Bei ungültiger Eingabe zeigt der Viewer den nativen JSON.parse-Fehler an.

1. JSON in das Eingabetextfeld einfügen. 2. Auf Parse klicken. 3. Der gerenderte Baum erscheint in einem scrollbaren Ergebnisbereich, wobei jede Verschachtelungsebene um 10 px pro Tiefe eingerückt wird.

Objekte werden als { key: value, ... } gerendert, mit zitierten lila Schlüsseln und grauen geschweiften Klammern; Arrays werden als [ item, item ] mit grauen eckigen Klammern gerendert. Jede Verschachtelungsebene fügt ihren Kindern 10 px linken Rand hinzu und erzeugt so visuelle Einrückung. Zeichenketten werden mit umschließenden doppelten Anführungszeichen in Orange angezeigt, Zahlen in Grün, Boolesche Werte in Blau und null in Lila. Kommas zwischen Elementen werden in Grau gezeichnet. Der Baum ist statisch (kein Einklappen/Ausklappen); verwenden Sie ihn zur Inspektion kleiner bis mittelgroßer Dokumente.