Como 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.
Também pesquisado como: json tree viewer, json viewer online, json explorer, view json, json visualizer, json path finder, open json file.
Ferramentas que combinam com: 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.
Perguntas frequentes
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.Posso instalar o JSON Viewer como um aplicativo da web e usá-lo offline?
Sim. O JSON Viewer é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.