JSON-Viewer

Eine unbekannte Antwort lesen

Der Baum schlägt formatierten Text, weil er die Struktur zeigt. Eingerückter Text sagt, was im Dokument steht; der Baum sagt, wie es organisiert ist — und das ist die Frage, die man wirklich hat, wenn eine Antwort von einer fremden API kommt.

Eine brauchbare Reihenfolge für etwas, das du noch nie gesehen hast:

1. Einfügen. Die Wurzel öffnet sich automatisch, samt kleiner Kindobjekte, sodass die oberste Struktur ohne Klick sichtbar ist.
2. Die Statuszeile lesen. Tiefe sagt, wie weit die Verschachtelung reicht; Schlüssel zeigt Gesamtzahl gegen eindeutige, und ein großer Abstand zwischen beiden heißt: Du siehst wiederholte Datensätze und kein breites Konfigurationsobjekt.
3. Ist die Wurzel ein Array von Objekten, wechsle zu Tabelle. Datensätze in Zeilen zu vergleichen ist viel leichter als zwischen benachbarten Teilbäumen.
4. Suche das Feld, das dich interessiert, und hole mit Pfad-kopieren in dieser Zeile den Zugriff für deinen Code.

Was jede Zeile verrät

• Zugeklappte Container tragen eine Anzahl — 3 Elemente oder 5 Schlüssel — damit du vor dem Öffnen einschätzen kannst, ob sich ein Zweig lohnt.
• Werte sind nach Typ gefärbt, und Strings behalten ihre Anführungszeichen. Eine als "42" dargestellte Zahl ist ein String, und genau dieser Unterschied ist meist der gesuchte Fehler.
• null wird ausdrücklich gezeigt und nicht als leere Zelle, denn ein Null und ein fehlender Schlüssel sind zwei verschiedene Dinge.
• Jede Zeile hat Wert-kopieren und Pfad-kopieren. Wert-kopieren liefert rohen Text für Strings und formatiertes JSON für Container.

Warum große Dokumente flüssig bleiben

Der Viewer baut das DOM verzögert. Ein zugeklappter Knoten enthält überhaupt keine Kindelemente, und das Öffnen erzeugt nur die unmittelbaren Kinder — bei großen Arrays 200 auf einmal. Ein Dokument mit 20 MB kostet also ein Parsen und eine Handvoll Zeilen beim ersten Zeichnen statt Millionen Knoten, die der Browser erst umbrechen müsste.

Aufklappen ist die einzige wirklich teure Operation, deshalb hört sie nach 20.000 Knoten auf und sagt es dir. Um ein ganzes Dokument zu lesen, ist die formatierte Textansicht das bessere Werkzeug.

JSON lesen, das in einem String ankam

Log-Pipelines und Message-Queues liefern JSON regelmäßig als JSON-String, der so aussieht: "{\"id\":7,\"ok\":true}". Einfügen und Entschlüsseln drücken: Der äußere String wird geparst, das innere Dokument dekodiert, und der Baum zeigt die echte Struktur. Bei mehrfach kodierten Daten funktioniert das mehrfach.