JSON parser online: validar vs formatar vs vista em arvore - que funcao precisa?

Ultima revisao 2026-05-05. O parser JSON gratuito neste site reune tres sub-funcoes numa pagina: validar (apanhar erros de analise), formatar / embelezar (transformar um blob de uma linha minificado em JSON indentado e legivel) e vista em arvore (explorar a estrutura interativamente). Tres tarefas de leitor diferentes, tres pontos de partida diferentes. Este guia nomeia o sintoma que cada uma apanha e a ordem para usar quando mais de uma se aplica.

Quando validar primeiro

O parser JSON valida a medida que cola. Se o seu input e invalido, o painel direito mostra uma notificacao vermelha Invalid JSON e aponta para o primeiro erro. As quatro causas mais comuns sao parenteses em falta ({ sem um } correspondente), virgulas finais ({"a": 1,} - JSON nao as permite), aspas sem escape dentro de valores de string ("key": "she said "hi"") e comentarios soltos (blocos // ou /* */ - JSON nao suporta comentarios). Corrija o primeiro erro, cole novamente, e o parser diz-lhe se restam mais. A validacao corre antes da formatacao porque o formatador nao consegue indentar JSON que nao consegue analisar.

Quando formatar (embelezar)

A sub-funcao formatar / embelezar transforma uma string JSON minificada de uma linha num documento corretamente indentado com cada propriedade na sua propria linha. Use-a quando copia uma resposta de um separador de rede, uma saida curl, ou um log de servidor e precisa de ler ou diferenciar. O botao Copy Beautified JSON devolve os mesmos dados com indentacao para que possa colar de volta numa revisao de codigo, num ticket ou numa fixture de teste unitario. A formatacao nao muda os dados - as chaves, valores e forma sao identicos ao input - apenas o espaco em branco e as quebras de linha mudam. Se quer a direcao inversa (transformar um JSON embelezado de volta para uma linha para envio), o mesmo parser mantem ambas as formas sincronizadas.

Quando usar a vista em arvore

A sub-funcao vista em arvore renderiza o JSON analisado como uma arvore interativa no painel direito. Cada propriedade e a sua propria linha; objetos aninhados expandem e colapsam; arrays mostram os seus itens por indice. Use-a quando o JSON analisa de forma limpa mas nao consegue encontrar uma chave enterrada quatro niveis profundo, ou quando quer inspecionar a forma de um array - e cada item do mesmo tipo, faltam alguns itens campos, os indices correspondem ao que a API documenta? Alterne Show Types para revelar o tipo de cada valor (string, numero, objeto, array, booleano, null) ao lado da sua chave. Alterne Show Indexes para etiquetar cada item de array com a sua posicao base-zero. A vista em arvore e apenas de leitura - nao modifica o JSON no painel de input.

Quando usar mais de uma funcao

As tres funcoes empilham numa ordem fixa: validar primeiro (caso contrario o formatador e a vista em arvore falham), depois formatar (para que uma resposta de 200 linhas seja legivel), depois vista em arvore (quando o texto formatado ainda e demasiado longo para escanear). Um fluxo de trabalho comum ao depurar uma API de terceiros: cole a resposta bruta, corrija o primeiro erro de analise que o validador revela, clique em Copy Beautified JSON para obter uma copia legivel para o ticket de bug, e depois use a vista em arvore para apontar para a chave especifica que o consumidor da API esperava. Para decisoes nao relacionadas de ferramentas de desenvolvedor na categoria developer-tools, veja os guias de comparacao ligados abaixo.

Guias complementares

• CSV vs JSON data formats - qual escolher quando esta a desenhar a forma dos dados, nao a analisa-los.
• JSON vs YAML vs TOML config formats explained - equilibrio de formatos para ficheiros de configuracao.
• CSS minifier vs uglifier vs tree-shaking - a disambiguacao analoga de ferramenta de desenvolvedor para folhas de estilo.
• JSON parser tool - a propria ferramenta; validar, formatar e explorar numa pagina.
• CSS minifier e CSS unminifier - o mesmo par minificar/embelezar, mas para CSS.

Perguntas frequentes

A vista em arvore modifica o meu JSON?

Nao. A vista em arvore e uma renderizacao apenas de leitura do input analisado; alternar Show Types ou Show Indexes afeta apenas como a arvore e exibida, nao o JSON subjacente. Para mudar o JSON, edite o painel de input a esquerda.

Qual e a diferenca entre minificar e embelezar?

Minificar remove espaco em branco, quebras de linha e outros caracteres nao significativos para tornar o JSON o menor possivel (para transporte ou armazenamento). Embelezar (tambem chamado "pretty-print" ou "formatar") adiciona espaco em branco e quebras de linha para que um humano possa le-lo. Os dados sao identicos em ambas as formas - apenas a formatacao muda. O analogo CSS para codigo usa duas ferramentas separadas: CSS minifier e CSS unminifier.

Posso colar JSON5, JSON-com-comentarios, ou NDJSON?

Apenas JSON estrito. JSON5 (que permite comentarios, virgulas finais e strings com aspas simples), JSON-com-comentarios (por vezes chamado JSONC, usado pelo VS Code) e NDJSON (um objeto JSON por linha) falham todos a validacao porque nao sao JSON estrito. Remova as funcionalidades nao-standard primeiro, ou converta NDJSON para um array JSON, e cole.

E enviado algo para um servidor?

O parser JSON corre no seu navegador; as passagens de validar, formatar e vista em arvore executam no cliente sem enviar o JSON para um servidor. Isto e util quando o JSON contem dados sensiveis e voce nao quer que saiam do dispositivo.