Ir para o conteúdo

Visualizador de árvore JSON

Valide JSON e renderize sua estrutura como uma árvore indentada para que conteúdo grande seja compreensível de um relance.

Entrada
Saída

Visualizador de árvore JSON

Cole JSON e esta ferramenta desenha sua estrutura como uma árvore indentada, utilizando os mesmos conectores de caixas ("├─", "└─", "│") que um explorador de ficheiros ou o comando "tree" do Unix utiliza. É construída para o momento em que um formatador sozinho não é suficiente — uma resposta API profundamente aninhada, um ficheiro de configuração com dezenas de chaves, ou uma carga que nunca viu antes e precisa compreender de um relance.

Cada nó de objeto e matriz é rotulado pela sua contagem de filhos em vez de um nome de tipo genérico — "user{5}" para um objeto com cinco chaves, "items[12]" para uma matriz de doze elementos — de modo que o tamanho de cada ramo é visível sem o expandir. Os valores escalares mostram seu valor, truncado a um comprimento que controla para que uma cadeia longa não empurre a árvore para fora da tela. Ative "Mostrar tipos" para anotar cada folha com o seu tipo JSON, útil quando um campo poderia conter mais de uma forma. "Profundidade máxima" comprime qualquer coisa aninhada mais profundamente do que isso numa linha de resumo única, mantendo até documentos muito profundos legíveis. "Ordenar chaves" renderiza as chaves de cada objeto alfabeticamente em vez da ordem da origem, prático para comparar duas estruturas semelhantes de relance.

Quando a entrada não é JSON válido, a ferramenta nomeia a linha e coluna exatas onde a análise falhou, mostra essa linha e declara o que verificar: uma vírgula faltante, uma aspas sem escape ou um parêntese nunca fechado. Isto transforma uma busca através de uma carga longa num relance a uma linha.

Tudo é executado no seu navegador. O JSON que cola — configuração de produção, uma resposta API com dados reais de clientes, uma carga que não deveria compartilhar — é analisado e renderizado localmente e nunca é carregado em nenhum lugar. Copie a árvore ou descarregue-a como ficheiro .txt quando terminar.

FAQ

O que significam os números entre chaves e parênteses retos?
São contagens de filhos, não valores: "user{5}" é um objeto com cinco chaves, "items[12]" é uma matriz de doze elementos. Permite-lhe avaliar quanto grande é um ramo antes de o expandir.
O que acontece a nós mais profundos do que "Profundidade máxima"?
São comprimidos numa linha de resumo única mostrando quantos nós filhos foram ocultados, em vez de serem expandidos. Aumente o limite para ver mais profundamente no documento.
Como são encurtados valores longos?
"Comprimento máximo do valor" limita quantos caracteres um valor escalar pode mostrar antes de ser truncado com reticências. O corte nunca fica no meio de um caráter multibyte ou emoji.
O que me diz a mensagem de erro se o meu JSON for inválido?
Nomeia a linha e coluna exatas onde a análise falhou, mostra essa linha e declara a razão do analisador — normalmente uma vírgula faltante, uma aspas sem escape ou um parêntese não fechado perto desse ponto.
O meu JSON é enviado para algum lugar?
Não. A análise e renderização ocorrem inteiramente no seu navegador e o documento nunca sai do seu dispositivo — seguro para cargas contendo tokens, dados de clientes ou identificadores internos.