Visualizador JSON

Ler uma carga desconhecida

A árvore ganha do texto formatado porque mostra a forma. O texto indentado diz o que o documento contém; a árvore diz como ele está organizado, que é a pergunta que você realmente tem quando chega uma resposta de uma API que você não escreveu.

Uma ordem de trabalho que funciona para algo que você nunca viu:

1. Cole. A raiz abre automaticamente, junto com objetos filhos pequenos, então a forma do primeiro nível fica visível sem um clique.
2. Leia a barra de status. Profundidade diz até onde o aninhamento desce; chaves mostra o total contra as únicas, e uma diferença grande entre as duas significa que você está vendo registros repetidos e não um objeto de configuração largo.
3. Se a raiz for um array de objetos, mude para Tabela. Comparar registros em linhas é muito mais fácil do que entre subárvores irmãs.
4. Busque o campo que interessa e use copiar-caminho naquela linha para obter o acessador para o seu código.

O que cada linha conta

• Contêineres recolhidos trazem uma contagem — 3 itens ou 5 chaves — para você julgar se vale abrir um ramo antes de abri-lo.
• Os valores são coloridos por tipo e as strings mantêm as aspas. Um número exibido como "42" é uma string, e essa distinção costuma ser justamente o bug que você caça.
• null é mostrado explicitamente em vez de como célula vazia, porque um nulo e uma chave ausente são coisas diferentes.
• Cada linha tem botões de copiar-valor e copiar-caminho. Copiar-valor dá texto puro para strings e JSON formatado para contêineres.

Por que documentos grandes continuam responsivos

O visualizador constrói o DOM de forma preguiçosa. Um nó recolhido não contém nenhum elemento filho, e abri-lo constrói apenas os filhos imediatos — 200 por vez em arrays grandes. Um documento de 20 MB custa, portanto, uma análise e um punhado de linhas na primeira pintura, em vez de milhões de nós que o navegador teria de posicionar antes de responder.

Expandir é a única operação genuinamente cara, então ela para em 20.000 nós e avisa. Para ler o documento inteiro, a visão de texto formatado é a melhor ferramenta.

Ler JSON que chegou dentro de uma string

Pipelines de log e filas de mensagens entregam com frequência JSON codificado como string JSON, que chega assim: "{\"id\":7,\"ok\":true}". Cole e pressione Desescapar: a string externa é analisada, o documento interno é decodificado e a árvore desenha a estrutura real. Funciona repetidas vezes para cargas codificadas mais de uma vez.