Kann ich Werte direkt in der Baumansicht bearbeiten?

Doppelklicken auf einen primitiven Wert (Zeichenkette, Zahl, Boolean) öffnet einen Inline-Editor. Änderungen werden sofort im JSON-Ausgabepanel reflektiert.

Unterstützt die Baumansicht JSON mit Kommentaren (JSONC)?

Kommentare sind kein gültiges JSON, daher entfernt die Ansicht sie vor dem Rendern. Das verbleibende JSON wird normal angezeigt.

Was zeigt das Knotenanzahl-Abzeichen?

An jedem Array- oder Objektknoten zeigt ein kleines Abzeichen die Anzahl der direkten Kinder. Das hilft Ihnen, die Größe einer Sammlung schnell zu beurteilen, ohne sie zu erweitern.

Kann ich einen Teilbaum als JSON kopieren?

Ja. Ein Rechtsklick auf einen Knoten öffnet ein Kontextmenü mit Optionen, den Teilbaum als formatiertes JSON, minimiertes JSON oder einen JSONPath-Ausdruck zu kopieren.

Werden meine Daten an einen Server gesendet?

Nein. Die gesamte Verarbeitung und das Rendering laufen vollständig in Ihrem Browser. Nichts, was Sie einfügen, wird übertragen oder gespeichert.

JSON-Baumansicht — JSON als interaktiven Baum visualisieren

Warum eine Baumansicht JSON einfacher zu verstehen macht

Rohes JSON — selbst wenn schön gedruckt — kann schwierig zu navigieren sein, wenn es Dutzende von Schlüsseln oder mehrere Verschachtelungsebenen enthält. Eine Baumansicht löst dies, indem jedes Objekt und Array als klappbarer Knoten gerendert wird. Sie beginnen mit nur den Schlüsseln der obersten Ebene sichtbar und erweitern nur die Zweige, die Sie interessieren.

Das Baumformat macht die Hierarchie eines JSON-Dokuments sofort offensichtlich. Sie können auf einen Blick sehen, wie tief die Verschachtelung geht, ob ein Wert primitiv oder ein Container ist, und wie viele Kinder jeder Container hat. Diese räumliche Darstellung ist viel schneller zu scannen als rohes Text zu lesen.

Baumansichten sind auch während der Entwicklung unschätzbar: Wenn Sie eine JSON-Antwort von einer Drittanbieter-API erhalten, ermöglicht eine Baumansicht, die Form der Daten schnell zu kartieren, bevor Sie Code zum Verarbeiten schreiben.

Navigation und Suchfunktionen

Knoten erweitern und reduzieren: Klicken Sie auf einen Objekt- oder Array-Knoten, um ihn zu öffnen oder zu schließen. Doppelklick erweitert alle Kinder rekursiv. Eine "Alle reduzieren"-Schaltfläche setzt die Ansicht zurück, um nur die Wurzelebene anzuzeigen.

Pfad kopieren: Das Klicken auf einen Wert hebt seinen vollständigen Punkt-Notations-Pfad hervor (zum Beispiel user.address.street) und kopiert ihn in die Zwischenablage. Das ist besonders nützlich beim Schreiben von Code.

Suche: Die Suchleiste filtert die sichtbaren Knoten in Echtzeit und hebt alle Schlüssel und Werte hervor, die dem Suchbegriff entsprechen. Übereinstimmende Knoten bleiben sichtbar und ihre Vorfahren werden automatisch erweitert.

Arbeiten mit großem und komplexem JSON

Für sehr große JSON-Dokumente (Tausende von Knoten) rendert die Baumansicht lazily — sie zeigt nur die Knoten im sichtbaren Viewport und rendert mehr beim Scrollen. Das hält die Benutzeroberfläche auch bei mehrmegabyte großen JSON-Dateien reaktionsfähig.

Lange Zeichenkettenwerte werden im Baum abgeschnitten, um jede Zeile lesbar zu halten; das Klicken auf den abgeschnittenen Wert expandiert ihn inline. Arrays mit mehr als einem konfigurierbaren Schwellenwert von Elementen zeigen eine "Mehr laden"-Schaltfläche.

Zirkuläre Referenzen — die kein gültiges JSON sind, aber beim Einfügen von JavaScript-Objektdarstellungen auftauchen können — werden erkannt und mit einem ⚠-Symbol markiert, anstatt unendliche Rekursion zu verursachen.

JSON-Baumansicht