Como visualizar JSON em árvore
- Cole o JSON, arraste um arquivo ou carregue-o a partir de uma URL. A árvore aparece ao lado do texto.
- Clique em uma linha para expandi-la ou recolhê-la, ou use Expandir tudo e Recolher tudo. No teclado, ↑ e ↓ navegam e ← e → fecham e abrem os nós.
- Digite na caixa de busca para mostrar apenas as chaves e os valores correspondentes. Selecione um nó para copiar o JSONPath, o caminho JavaScript ou o valor.
Como ler a árvore JSON
- Objetos mostram o número de chaves, por exemplo
{5}, e arrays mostram o número de itens, por exemplo[12]. - Cores e pequenos rótulos mostram o tipo de cada valor: string, número, booleano, null, objeto ou array.
- Arrays longos são exibidos 200 itens por vez, então arquivos com centenas de milhares de valores continuam respondendo rápido.
- Os números aparecem exatamente como foram escritos – IDs longos não são arredondados, e as chaves mantêm a ordem original.
O que é JSONPath?
O JSONPath descreve onde um valor está dentro de um documento JSON, de forma parecida com um caminho de arquivo. Ele foi padronizado em 2024 como RFC 9535. $ é a raiz, .name seleciona uma propriedade, [0] um item de array e ['first name'] uma propriedade cujo nome contém espaços ou caracteres especiais.
| Caminho | Seleciona |
|---|---|
$.store | a propriedade store do objeto raiz |
$.products[0] | o primeiro item do array products |
$.products[0].price | o preço desse primeiro produto |
$.address.geo.lat | um valor aninhado três níveis abaixo |
$['shipping address'].city | uma chave com um espaço no nome |
Em JavaScript, o mesmo valor é data.products[0].price – use Copiar caminho JS para obter essa forma.
Perguntas frequentes
Posso abrir arquivos JSON grandes?
Sim. Só as partes expandidas da árvore são desenhadas e arrays longos aparecem 200 itens por vez, então arquivos de dezenas de megabytes abrem em um navegador de desktop.
Como copiar o caminho de um valor?
Clique no nó e use Copiar caminho para o JSONPath ($.users[0].email) ou Copiar caminho JS para JavaScript (data.users[0].email).
Posso editar o JSON no visualizador?
O visualizador é somente leitura, então nada muda por acidente. Para alterar valores, renomear chaves ou adicionar itens, abra o Editor JSON.
O que acontece se meu JSON for inválido?
A caixa de erro mostra a linha, a coluna e a causa do problema, e a árvore continua exibindo a última versão válida até que o erro seja corrigido.