JSON-Baumansicht
Visualisieren Sie JSON-Daten als interaktiven einklappbaren Baum. Suchen Sie nach Schlüsseln und Werten, verfolgen Sie JSONPath beim Hovern und verarbeiten Sie große Dateien mit Lazy Loading. Drag & Drop von .json-Dateien wird unterstützt.
Was ist eine JSON-Baumansicht?
Eine JSON-Baumansicht ist ein Tool, das JSON-Text analysiert und als interaktive, einklappbare Baumstruktur darstellt. Jeder Knoten zeigt seinen Schlüssel, Typ und Wertvorschau, sodass Sie tief verschachtelte JSON-Daten visuell erkunden können, ohne Rohtext zu lesen.
Wie klappe ich Baumknoten auf und zu?
Klicken Sie auf das Pfeilsymbol neben einem Objekt- oder Array-Knoten, um ihn auf- oder zuzuklappen. Sie können auch auf die Knotenzeile selbst klicken. Verwenden Sie die Schaltflächen „Alle aufklappen" und „Alle einklappen" in der Symbolleiste, um den gesamten Baum gleichzeitig umzuschalten.
Wie funktioniert die Suchfunktion?
Geben Sie ein Schlüsselwort in das Suchfeld ein und das Tool hebt sofort übereinstimmende Schlüssel und Zeichenfolgenwerte hervor. Übereinstimmende Zeilen werden hervorgehoben, und Sie können mit den Schaltflächen Zurück/Weiter oder den Tasten Enter (vorwärts) und Umschalt+Enter (rückwärts) zwischen Treffern springen.
Was ist JSONPath und wie kopiere ich ihn?
JSONPath ist ein Punktnotations-Ausdruck, der auf einen bestimmten Knoten zeigt, z. B. $.user.address[0].city. Bewegen Sie den Mauszeiger über einen Knoten und sein vollständiger Pfad erscheint in der Pfadleiste; klicken Sie auf den Pfad oder das Kopiersymbol, um ihn in die Zwischenablage zu kopieren.
Kann ich JSON aus einer Datei laden?
Ja. Klicken Sie auf die Schaltfläche „Datei laden", um nach einer .json-Datei zu suchen, oder ziehen Sie eine .json-Datei einfach in den Eingabebereich. Der Dateiinhalt wird lokal in Ihrem Browser gelesen und nie auf einen Server hochgeladen.
Wie werden verschiedene Werttypen angezeigt?
Jeder Werttyp hat eine eigene Farbe: Strings sind grün, Zahlen blau, Boolesche Werte orange und Nullwerte grau. Objekte und Arrays zeigen ein Badge mit der Anzahl ihrer Kinder, wie {3} oder [5].
Wie geht das Tool mit sehr großen JSON-Dateien um?
Wenn ein Knoten mehr als 1000 Kinder hat, verwendet das Tool Lazy Loading: Es rendert die ersten 100 Elemente und zeigt unten eine Schaltfläche „Mehr laden". So bleibt die Benutzeroberfläche auch bei Arrays mit Tausenden von Einträgen reaktionsschnell.
Werden meine JSON-Daten an einen Server gesendet?
Nein. Alle Analyse, Darstellung und Suche erfolgen vollständig in Ihrem Browser. Ihre JSON-Daten verlassen niemals Ihr Gerät, was dieses Tool für sensible oder vertrauliche Daten sicher macht.
Was passiert, wenn ich ungültiges JSON einfüge?
Das Tool zeigt eine klare Fehlermeldung unterhalb des Eingabebereichs an, die den Analysefehler und seine Position zeigt. Die Baumansicht bleibt leer, bis Sie die Syntax korrigieren und die Eingabe wieder gültiges JSON ist.
Funktioniert dieses Tool offline?
Sobald die Seite geladen ist, läuft das Tool vollständig in Ihrem Browser und kann ohne Internetverbindung funktionieren. Nur das anfängliche Laden der Seite erfordert Netzwerkzugriff zum Abrufen der statischen Ressourcen.
So verwenden Sie JSON-Baumansicht
JSON einfügen oder eine .json-Datei per Drag & Drop ablegen und die Daten als interaktiver, einklappbarer Baum erkunden. Alles läuft lokal in Ihrem Browser — Ihre Daten werden nie hochgeladen.
- Fügen Sie Ihr JSON in den Editor ein oder ziehen Sie eine .json-Datei direkt auf die Seite.
- Klicken Sie auf die Pfeile neben Objekten und Arrays, um Zweige ein- oder auszuklappen und nur relevante Knoten anzuzeigen.
- Geben Sie einen Schlüssel oder Wert in das Suchfeld ein, um passende Knoten im gesamten Baum hervorzuheben.
- Fahren Sie mit der Maus über einen Knoten, um seinen JSONPath zu sehen und die genaue Position eines verschachtelten Werts zu kopieren.
Dank Lazy Loading bleiben auch große Dateien flott — ein Zweig wird erst beim Aufklappen geparst.
Verwandte Tools
- YAML-Baumansicht Parst YAML in einen interaktiven einklappbaren Baum. Unterstützt Multi-Dokument-YAML, Anker & Aliase, Suche, JSON-Konvertierung und Drag & Drop von .yaml/.yml-Dateien.
- JSON-Pfad-Finder Navigieren Sie durch verschachtelte JSON-Daten mit Pfadausdrücken. Unterstützt Punkt- und Klammernotation sowie Array-Indizierung mit sofortigen Ergebnissen und Pfadauflistung.
- TSV zu JSON TSV online kostenlos in JSON umwandeln. Unterstützt Kopfzeilen, automatische Typerkennung und Minifizierung. Alles im Browser.
- JSON zu CSV Kostenloser Online-JSON-zu-CSV-Konverter. Verschachtelte Objekte glätten, Trennzeichen wählen und sofort herunterladen. 100% im Browser.
- CSV zu JSON Konverter CSV online kostenlos in JSON umwandeln. Unterstützt eigene Trennzeichen, kopfbasierte Objekte und automatische Typerkennung. Alles im Browser.
- XML Beautifier Kostenloser Online-XML-Beautifier. Formatieren, verschönern und einrücken von XML direkt im Browser.
- XML-Validator Validieren Sie XML-Syntax und -Struktur sofort. Erkennen Sie Fehler mit präzisen Zeilennummern und detaillierten Meldungen. Kostenlos, sicher und läuft in Ihrem Browser.
- SQL zu JSON Konvertieren Sie SQL INSERT-Anweisungen sofort in JSON-Arrays oder -Objekte. Unterstützt mehrzeilige VALUES, NULL-Behandlung, automatische Typerkennung und Pretty Print. 100% clientseitig, kein Upload.