input.json
tree
Tree appears here after parsing.
Cole JSON e explore-o como uma árvore expansível.

Relacionado

Guias para Viewer

Todos os guias →

Visualizador de árvore JSON interativo

Cole qualquer documento JSON para navegá-lo como uma árvore recolhível. Clique no ao lado de um objeto ou array para recolhê-lo —— os nós mostram quantas chaves ou elementos estão ocultos, para que você possa se movimentar em documentos grandes sem perder contexto. Clique em para expandir de novo, ou use Collapse all / Expand all no topo do painel.

Precisa de view json vindo de uma chamada de API, uma linha de log ou um arquivo de configuração? É exatamente isso, o online json viewer, json online viewer, jsonviewer, jsonview, json visualizer, geojson viewer, json object viewer, obj viewer, json document viewer, json file viewer (.json file viewer) e json reader online feito para isso : cole, parseie, recolha, expanda. (Os erros de digitação comuns json viewr, json viwer levam à mesma ferramenta.) Para projetos React, o react-json-view incorpora a mesma árvore no seu app ; quando você só quer inspecionar um payload, esta página é a alternativa sem instalação. Útil quando o visualizador embutido do editor está faltando ou é ruidoso, ou quando você precisa tornar json readable online uma resposta profundamente aninhada. Enquanto você percorre a árvore, a ferramenta também serve de json path finder leve —— cada chave que você expande deixa claro o seu caminho no documento.

Se sua entrada tiver erros de sintaxe, o visualizador primeiro tenta reparar antes de renderizar. Para ver o detalhe da reparação, use a ferramenta JSON Fix ; para a posição exata do erro, use o validador JSON.

FAQ

Por que minha árvore está vazia?

Só JSON parseável pode construir uma árvore. Se sua entrada tiver erros de sintaxe (vírgulas finais, aspas simples, chaves sem aspas, comentários), passe-a primeiro pelo JSON Fix e depois visualize o resultado limpo.