JSON-Viewer
Der JSON-Viewer zeigt JSON als aufklappbaren Baum mit Suche. Ein Klick auf einen Wert liefert den passenden Pfad als JSONPath, JSON Pointer, JavaScript, Python oder jq.
Alles läuft in Ihrem Browser. Eingaben verlassen Ihr Gerät nicht.
JSON anzeigen, durchsuchen und Pfade kopieren
Der JSON-Viewer stellt verschachtelte Daten als aufklappbare JSON Baumansicht dar. Objekte und Arrays lassen sich einzeln öffnen und schließen, jede Ebene zeigt, wie viele Schlüssel oder Einträge sie enthält. Werte sind nach Typ eingefärbt: Texte, Zahlen, Wahrheitswerte und null sind so auf einen Blick zu unterscheiden. Damit können Sie große API-Antworten, Logeinträge oder Konfigurationen in Ruhe JSON anzeigen und erkunden, ohne sich durch hunderte Zeilen Klammern zu scrollen.
Ein Klick auf einen Eintrag zeigt seinen JSON-Pfad, wahlweise als JSONPath ($.kunde.adresse.ort), JSON Pointer (/kunde/adresse/ort), als JavaScript- oder Python-Zugriff oder für das Kommandozeilenwerkzeug jq. Den Pfad kopieren Sie mit einem Knopf direkt in Ihren Code. Über das Suchfeld können Sie das JSON durchsuchen: Gefunden werden Schlüssel und Werte, die den Suchtext enthalten; ein Klick auf einen Treffer klappt den Baum bis zu dieser Stelle auf.
Auch große Dateien bleiben bedienbar, weil Ebenen erst beim Aufklappen aufgebaut werden und lange Arrays in Blöcken zu 200 Einträgen erscheinen. Ist das JSON ungültig, nennt der Viewer Zeile und Spalte des Fehlers. Hilfreich zum Weiterarbeiten sind JSON formatieren und der JSONPath-Tester, mit dem Sie Abfragen über mehrere Einträge hinweg ausprobieren.
Anleitung: JSON-Viewer in 4 Schritten
- JSON in das Eingabefeld einfügen oder über „Beispiel“ laden; „Eingabe formatieren“ rückt den Text ein.
- In der Baumansicht Objekte und Arrays aufklappen oder mit „Alle aufklappen“ und „Alle zuklappen“ arbeiten.
- Im Feld „Suchen in Schlüsseln und Werten“ einen Begriff eingeben und einen Treffer anklicken.
- Die Schreibweise der Pfade wählen und mit „Pfad kopieren“ oder „Wert kopieren“ übernehmen.
Typische Anwendungsfälle
- Große API-Antworten erkunden und den Pfad zu einem Feld direkt für den eigenen Code kopieren.
- Einen jq-Filter für ein Shell-Skript vorbereiten, indem der Pfad in jq-Schreibweise übernommen wird.
- Konfigurationsdateien oder Logeinträge im JSON-Format nach einem bestimmten Wert durchsuchen.
Häufige Fragen
Wie kopiere ich den Pfad zu einem Wert?
Klicken Sie im Baum auf den Eintrag. Der Pfad erscheint im Feld darunter in der gewählten Schreibweise; „Pfad kopieren“ legt ihn in die Zwischenablage, „Wert kopieren“ den formatierten Inhalt des Eintrags.
Welche Pfad-Schreibweisen gibt es?
JSONPath wie $.positionen[0].preis, JSON Pointer nach RFC 6901 wie /positionen/0/preis, JavaScript wie data.positionen[0].preis, Python wie data["positionen"][0]["preis"] und jq wie .positionen[0].preis. Schlüssel mit Leer- oder Sonderzeichen werden automatisch in Klammern gesetzt.
Wie groß darf die JSON-Datei sein?
Mehrere Megabyte sind in der Regel kein Problem, weil nur aufgeklappte Ebenen gezeichnet werden. „Alle aufklappen“ öffnet bei sehr großen Dateien nur einen Teil, damit der Browser flüssig bleibt; nutzen Sie dann die Suche.
Warum steht die Reihenfolge mancher Schlüssel anders als in meiner Datei?
JavaScript ordnet Schlüssel, die wie ganze Zahlen aussehen (etwa "1" oder "200"), beim Einlesen immer aufsteigend vor alle anderen. Die Daten selbst ändern sich dadurch nicht.
Wird mein JSON an einen Server gesendet?
Nein. Der JSON-Viewer arbeitet vollständig in Ihrem Browser; die Eingabe verlässt Ihr Gerät nicht.
Was ist der Unterschied zwischen JSONPath und JSON Pointer?
JSONPath ist eine Abfragesprache mit $ als Wurzel, die mit Platzhaltern wie [*] oder Filtern mehrere Treffer liefern kann. JSON Pointer nach RFC 6901 zeigt immer auf genau eine Stelle und trennt die Ebenen mit Schrägstrichen, etwa /positionen/0/preis.
Wie zeige ich JSON im Browser formatiert an?
Firefox stellt JSON-Dateien und API-Antworten von sich aus als Baum dar. In anderen Browsern hilft die Vorschau im Reiter Netzwerk der Entwicklerwerkzeuge, oder Sie kopieren den Inhalt in den JSON-Viewer.
Das könnte auch helfen
JSON minimieren
JSON auf eine Zeile verdichten: Leerraum entfernen, Zahlen exakt erhalten, optional Schlüssel sortieren.
ÖffnenJSON in CSV umwandeln
JSON-Arrays in CSV für Excel umwandeln: verschachtelte Felder als Spalten, Semikolon oder Komma.
ÖffnenCSV in JSON umwandeln
CSV in JSON umwandeln mit automatischer Trennzeichen-Erkennung und Anführungszeichen nach RFC 4180.
ÖffnenXML formatieren und prüfen
XML einrücken, minimieren und auf Wohlgeformtheit prüfen, mit Fehlerstelle in Zeile und Spalte.
ÖffnenXML in JSON umwandeln
XML in JSON umwandeln: Attribute mit Präfix, wiederholte Elemente als Arrays, Zahlen erkannt.
ÖffnenYAML in JSON umwandeln
YAML prüfen und in JSON umwandeln: Listen, Anker, Block-Strings und mehrere Dokumente.
Öffnen