Guia da ferramenta
Como funciona: Visualizador JSON
O Visualizador JSON ajuda a validar JSON bruto, formatar o conteúdo com indentação e navegar pela estrutura em árvore sem enviar os dados para um servidor.
Este visualizador executa o parse do texto com a implementação nativa de JSON do navegador. Quando a entrada é válida, ele produz uma versão identada com dois espaços, aplica destaque aos tipos e monta uma árvore recolhível para objetos e arrays. Todo o conteúdo digitado permanece no navegador: a ferramenta não envia o JSON para uma API própria.
A visualização em texto preserva strings, números, booleanos e valores nulos conforme o resultado do parse. A árvore ajuda a percorrer payloads extensos sem perder a hierarquia, enquanto a mensagem de erro informa onde a sintaxe deixou de ser aceita.
Como usar, passo a passo
- Cole o JSON bruto no campo de entrada.
- Confira se há erro de parse ou veja o JSON formatado automaticamente.
- Use a árvore para navegar pela estrutura e copie o resultado identado quando precisar.
Quando esta ferramenta ajuda
- Formatar respostas de APIs REST e GraphQL durante o desenvolvimento.
- Encontrar erros de sintaxe em payloads JSON copiados de logs, webhooks ou ferramentas de rede.
- Inspecionar objetos, arrays, strings, números, booleanos e valores nulos com leitura mais clara.
O que torna um JSON válido
JSON exige nomes de propriedades e textos entre aspas duplas. Vírgulas finais, comentários, aspas simples e valores como undefined ou NaN não fazem parte do formato. A raiz pode ser um objeto, um array ou até um valor primitivo válido.
A formatação só começa depois que toda a entrada passa pelo parse. Isso evita exibir como correto um documento parcialmente válido e torna a ferramenta útil para revisar respostas de APIs, webhooks e arquivos de configuração.
Como ler o resultado
No bloco formatado, cada nível recebe dois espaços de recuo e numeração de linha. Na árvore, Object(n) e Array(n) mostram quantos membros existem naquele nível. É possível recolher ramos para concentrar a leitura em uma parte específica do payload.
Exemplo de objeto formatado
Entrada ou estrutura
{"status":"ok","items":[{"id":1,"active":true}]}Resultado ou interpretação
{
"status": "ok",
"items": [
{
"id": 1,
"active": true
}
]
}O conteúdo não muda semanticamente; apenas a apresentação recebe recuo e quebras de linha.
Limites e cuidados importantes
- Não aceita JSON5, comentários, funções, datas nativas ou vírgulas finais.
- Números muito grandes podem perder precisão ao serem convertidos para o tipo number do JavaScript.
- A ferramenta valida sintaxe; ela não verifica se o objeto segue um JSON Schema ou contrato de API.
- Evite colar segredos de produção em qualquer ferramenta aberta no navegador, mesmo quando o processamento é local.
Perguntas frequentes
O JSON colado é armazenado?
Não pelo Dev Tools. O parse, a árvore e a formatação são executados no navegador, sem envio do conteúdo para uma API do projeto.
Por que uma vírgula no final gera erro?
Porque vírgulas finais não pertencem à especificação JSON. Elas são aceitas em alguns formatos derivados e em JavaScript, mas não em JSON estrito.
A ferramenta valida um schema?
Não. Ela confirma apenas a sintaxe. Regras como campos obrigatórios, formatos e tipos esperados precisam de um validador de JSON Schema.