Visualizador de JSON em Árvore
Explore o seu JSON visualmente: nós expansíveis, valores coloridos por tipo, tamanho total e caminhos de acesso copiáveis com um clique.
JSON a explorar
Árvore interativa
Cole um JSON para o ver como árvore.
Como usar: JSON Tree
- 1Cole o JSON que quer explorar.
- 2Clique nos nós para expandir ou recolher a árvore.
- 3Clique num valor para copiar o seu caminho (por exemplo, user.roles.0).
Para que serve?
- Navegar em respostas de API grandes e aninhadas.
- Encontrar o caminho exato de um campo para usar no código.
- Perceber a estrutura de um JSON desconhecido.
Explorar JSON como árvore
Vantagens da vista em árvore
Em grandes respostas de API, expandir e recolher nós permite achar um campo sem percorrer milhares de linhas. Cada nó mostra o tipo: objeto, lista, texto, número, booleano ou null.
Caminhos de acesso
Saber o caminho exato de um valor, como data.items[0].preco, facilita escrever código. Navegar pela árvore ajuda a encontrá-lo depressa.
Detetar problemas
Campos ora texto ora número, listas vazias inesperadas ou valores null veem-se bem e causam muitas vezes erros em produção.
Ferramentas relacionadas
Perguntas frequentes
Posso copiar um caminho?+
Sim. Ao clicar em qualquer nó, o seu caminho é copiado (ex. items[3].nome) para a área de transferência.