DT Dev Tools

JSON Formatter — Formatador de JSON com visão em árvore

Formate, valide e minifique JSON com visão em árvore recolhível, linha e coluna exatas do erro, ordenação de chaves e suporte a JSON5/JSONC, no navegador.

🔒 Executa completamente no seu navegador — nada é enviado

Esta ferramenta foi útil? Avalie-a:

O que o JSON Formatter faz

O JSON Formatter valida o JSON enquanto você digita e depois o reescreve com indentação legível (2 espaços, 4 espaços ou tabs) ou como um valor compacto de uma linha. É útil para inspecionar respostas de API, metadados de pacotes, trechos de configuração, payloads de webhooks, valores do armazenamento do navegador e fixtures de teste. Quando a entrada é inválida, a ferramenta informa a linha e a coluna exatas, mostra a linha com problema com um acento circunflexo (^) sob o erro e pode levar o cursor direto até ele — assim vírgulas finais, aspas ausentes e colchetes desbalanceados são encontrados em segundos.

Documentos válidos também são exibidos como uma árvore recolhível. Objetos e arrays mostram quantas chaves ou itens contêm, os filhos só são renderizados quando você abre um nó, para que arquivos grandes continuem responsivos, e clicar em uma chave copia o seu caminho em JavaScript, como $.orders[3].total. Ordene as chaves alfabeticamente para comparar dois payloads com mais facilidade e abra ou baixe arquivos .json diretamente. Arquivos de configuração costumam usar JSONC ou JSON5, com comentários, aspas simples e vírgulas finais; ative a opção tolerante para lê-los e convertê-los em JSON estrito.

Fluxo de trabalho privado no navegador

Todo o processamento acontece com JavaScript no navegador. A ferramenta não envia seus textos, tokens, URLs, trechos ou valores gerados a nenhum servidor e não exige conta. Esse modelo de privacidade é importante porque pequenos utilitários costumam receber respostas reais de API, amostras de configuração, logs, dados de autenticação ou exemplos com formato de dados de clientes durante a resolução de problemas. Trabalhar localmente reduz o risco e deixa a ferramenta instantânea, pois não há ida e volta pela rede.

Dicas práticas

Use a formatação legível ao ler dados aninhados e minifique quando precisar de um valor compacto para uma variável de ambiente, uma fixture ou um exemplo de documentação. Ordenar as chaves altera apenas a ordem das propriedades dos objetos, nunca a ordem dos arrays, então é seguro para configuração, mas pode importar se um consumidor depender da ordem das propriedades. O seu rascunho fica guardado neste navegador por alguns dias, de modo que um recarregamento acidental não o perde — use Clear ao trabalhar com dados sensíveis. Números muito grandes, além do intervalo de inteiros seguros do JavaScript, perdem precisão ao serem analisados, o que é uma propriedade do JSON no navegador e não desta ferramenta.

Como usar

  1. Cole ou abra o JSONCole o JSON ou abra um arquivo .json; ele é validado enquanto você digita.
  2. Escolha as opçõesEscolha 2 espaços, 4 espaços ou tabs, ordene as chaves e permita JSON5/JSONC se necessário.
  3. Formate, explore e copieFormate ou minifique, navegue pela visão em árvore e depois copie ou baixe o resultado.

Perguntas frequentes

Ele aceita comentários e vírgulas finais?
Sim, opcionalmente. Marque "Permitir JSON5 / JSONC" para aceitar comentários, vírgulas finais, aspas simples e chaves sem aspas (como em tsconfig.json ou nas configurações do VS Code); a saída é sempre JSON estrito.
Como encontro um erro de sintaxe?
O status mostra a linha e a coluna do primeiro erro, a linha com problema com um acento circunflexo sob o erro e um botão «Ir para o erro» que seleciona esse ponto no editor.
Existe uma visão em árvore?
Sim. O JSON válido é exibido como uma árvore recolhível com a contagem de itens. Clique em qualquer chave para copiar o seu caminho, como $.users[0].email.
O JSON é enviado?
Não. A análise e a formatação acontecem localmente no navegador.