Cómo usar: 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.
También se busca como: json tree viewer, json viewer online, json explorer, view json, json visualizer, json path finder, open json file.
Herramientas que combinan con: 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.
Preguntas frecuentes
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.¿Puedo instalar JSON Viewer como aplicación web y utilizarla sin conexión?
Sí. JSON Viewer es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.