So nutzt du: JSON Viewer
- Paste JSON or open a
.jsonfile. - Click ▸ to expand objects and arrays, or use Expand all.
- Search to highlight matching keys and values.
- Click any value to see and copy its path, such as
$.items[0].sku.
Why use a JSON tree viewer?
Formatted JSON is readable for small documents, but API responses, logs and exports often run to thousands of lines. A tree view shows the structure first: you see that items is an array of 250 objects without scrolling through them, then open only the branch you care about.
Features
- Collapsible nodes with item and key counts on every object and array.
- Type colors: strings, numbers, booleans and
nullare easy to tell apart. - Search highlights matching keys and values and opens the branches that contain them.
- Paths: click a value to get its JSONPath (
$.customer.address.city), ready forjq, JavaScript or automation tools. - Stats: total values, nesting depth and size.
Using the path
| Tool | Path $.items[0].sku becomes |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (1-based) |
For no-code mappings, the JSON path finder outputs paths in Make, Zapier and n8n formats. To fix invalid JSON, use the JSON formatter; to compare two documents, the JSON diff.
Auch gesucht als: json tree viewer, json viewer online, json explorer, view json, json visualizer, json path finder, open json file.
Passende Tools zu: JSON Viewer
- JSON to TypeScript — Paste a JSON sample — an API response, a config — and get ready-to-use TypeScript interfaces with nested types, optional properties and union types.
- XML to JSON — Turn XML — API responses, RSS feeds, SOAP messages, sitemaps or config files — into clean JSON you can use in JavaScript, Python or any REST API.
- JSON Schema Validator — Paste a schema and some JSON to see exactly which values break which rule — or generate a starting schema from example data.
- JSONPath Tester — Type a JSONPath query and instantly see what it selects — with the exact path of each match.
Häufige Fragen
Can it open large JSON files?
Yes. Files of several megabytes work well; very large files (50 MB+) may be slow because the whole tree is built in your browser.
Is my JSON uploaded?
No. Parsing and rendering happen locally in your browser.
What is a JSONPath?
A string that points to a value inside a JSON document, starting with
$ for the root, for example $.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.