Como usar: Visualizador JSON
- Cole o JSON ou abra um arquivo
.json. - Clique em ▸ para expandir objetos e arrays, ou use Expandir tudo.
- Faça uma busca para destacar as chaves e valores correspondentes.
- Clique em qualquer valor para ver e copiar o caminho dele, como
$.items[0].sku.
Por que usar um visualizador de árvore JSON?
JSON formatado é legível em documentos pequenos, mas respostas de API, logs e exportações costumam ter milhares de linhas. A visualização em árvore mostra primeiro a estrutura: você vê que items é um array de 250 objetos sem precisar rolar a tela e depois abre só o ramo que interessa.
Recursos
- Nós recolhíveis com contagem de itens e chaves em cada objeto e array.
- Cores por tipo: strings, números, booleanos e
nullsão fáceis de diferenciar. - Busca destaca chaves e valores correspondentes e abre os ramos que os contêm.
- Caminhos: clique em um valor para obter o JSONPath (
$.customer.address.city), pronto parajq, JavaScript ou ferramentas de automação. - Estatísticas: total de valores, profundidade de aninhamento e tamanho.
Usando o caminho
| Ferramenta | O caminho $.items[0].sku vira |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (começa em 1) |
Para mapeamentos sem código, o localizador de JSON path gera caminhos nos formatos do Make, Zapier e n8n. Para corrigir JSON inválido, use o formatador JSON; para comparar dois documentos, o diff de JSON.
Também pesquisado como: visualizador de json online, árvore json, explorador json, ver json, visualizar json, localizador jsonpath, abrir arquivo json.
Ferramentas que combinam com: Visualizador JSON
- JSON para TypeScript — Cole um exemplo de JSON, como a resposta de uma API ou um arquivo de configuração, e receba interfaces TypeScript prontas para uso, com tipos aninhados, propriedades opcionais e union types.
- XML para JSON — Transforme XML — respostas de API, feeds RSS, mensagens SOAP, sitemaps ou arquivos de configuração — em JSON limpo para usar em JavaScript, Python ou qualquer API REST.
- Validador JSON Schema — Cole um schema e um JSON para ver exatamente quais valores quebram cada regra, ou gere um schema inicial a partir de dados de exemplo.
- Testador de JSONPath — Digite uma consulta JSONPath e veja na hora o que ela seleciona, com o caminho exato de cada resultado.
Perguntas frequentes
Ele consegue abrir arquivos JSON grandes?
Sim. Arquivos de vários megabytes funcionam bem; arquivos muito grandes (50 MB+) podem ficar lentos porque a árvore inteira é montada no seu navegador.
Meu JSON é enviado para algum servidor?
Não. A leitura e a renderização acontecem localmente, no seu navegador.
O que é um JSONPath?
Uma string que aponta para um valor dentro de um documento JSON, começando com
$ para a raiz, por exemplo $.items[0].price.Posso instalar o Visualizador JSON como um aplicativo da web e usá-lo offline?
Sim. O Visualizador JSON é 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.