Comment utiliser : 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.
Aussi recherché comme : json tree viewer, json viewer online, json explorer, view json, json visualizer, json path finder, open json file.
Outils complémentaires : 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.
Questions fréquentes
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.Puis-je installer JSON Viewer en tant qu’application web et l’utiliser hors ligne ?
Oui. JSON Viewer est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.