So nutzt du: JSON Viewer
- JSON einfügen oder eine
.json-Datei öffnen. - Klicke auf ▸, um Objekte und Arrays aufzuklappen, oder nutze Alle aufklappen.
- Suche, um passende Schlüssel und Werte hervorzuheben.
- Klicke auf einen Wert, um seinen Pfad zu sehen und zu kopieren, zum Beispiel
$.items[0].sku.
Warum einen JSON-Baum-Viewer nutzen?
Formatiertes JSON ist bei kleinen Dokumenten gut lesbar, aber API-Antworten, Logs und Exporte haben oft Tausende Zeilen. Eine Baumansicht zeigt zuerst die Struktur: Du siehst, dass items ein Array mit 250 Objekten ist, ohne durchzuscrollen, und öffnest dann nur den Zweig, der dich interessiert.
Funktionen
- Aufklappbare Knoten mit Anzahl der Elemente und Schlüssel bei jedem Objekt und Array.
- Typfarben: Strings, Zahlen, Booleans und
nullsind leicht zu unterscheiden. - Suche hebt passende Schlüssel und Werte hervor und öffnet die Zweige, die sie enthalten.
- Pfade: Klicke auf einen Wert, um seinen JSONPath zu erhalten (
$.customer.address.city), bereit fürjq, JavaScript oder Automatisierungstools. - Statistiken: Anzahl der Werte, Verschachtelungstiefe und Größe.
Den Pfad verwenden
| Tool | Pfad $.items[0].sku wird zu |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (1-basiert) |
Für No-Code-Zuordnungen gibt der JSON-Pfad-Finder Pfade in den Formaten von Make, Zapier und n8n aus. Um ungültiges JSON zu reparieren, nutze den JSON-Formatter; zum Vergleichen zweier Dokumente den JSON-Diff.
Auch gesucht als: json viewer online, json baum anzeigen, json explorer, json tree viewer, json datei öffnen, json pfad finden, json visualisieren, json daten anzeigen.
Passende Tools zu: JSON Viewer
- JSON zu TypeScript — Füge ein JSON-Beispiel ein, etwa eine API-Antwort oder eine Konfiguration, und erhalte sofort einsatzbereite TypeScript-Interfaces mit verschachtelten Typen, optionalen Eigenschaften und Union-Types.
- XML zu JSON — Wandle XML — API-Antworten, RSS-Feeds, SOAP-Nachrichten, Sitemaps oder Konfigurationsdateien — in sauberes JSON um, das du in JavaScript, Python oder jeder REST-API verwenden kannst.
- JSON-Schema-Validator — Füge ein Schema und etwas JSON ein, um genau zu sehen, welche Werte welche Regel verletzen, oder erzeuge ein Startschema aus Beispieldaten.
- JSONPath Tester — Gib eine JSONPath-Abfrage ein und sieh sofort, was sie auswählt – inklusive des genauen Pfads jedes Treffers.
Häufige Fragen
Kann es große JSON-Dateien öffnen?
Ja. Dateien mit mehreren Megabyte funktionieren gut; sehr große Dateien (50 MB+) können langsam sein, weil der gesamte Baum im Browser aufgebaut wird.
Wird mein JSON hochgeladen?
Nein. Parsen und Rendern passieren lokal in deinem Browser.
Was ist ein JSONPath?
Eine Zeichenkette, die auf einen Wert in einem JSON-Dokument zeigt, beginnend mit
$ für die Wurzel, zum Beispiel $.items[0].price.Kann ich JSON Viewer als Web-App installieren und offline nutzen?
Ja. JSON Viewer ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.