JSON Diff — Comparador de JSON

O que o JSON Diff faz

O JSON Diff compara dois valores JSON já analisados e informa o que mudou em cada caminho. É útil para inspecionar alterações em respostas de API, edições de configuração, atualizações de fixtures, payloads de feature flags, exemplos de webhooks, arquivos de tradução e dados gerados, quando um diff baseado em linhas gera ruído demais. Em vez de mostrar mudanças de pontuação, percorre objetos e arrays de forma recursiva e classifica os caminhos como adicionados, removidos, alterados ou inalterados. Como os dois lados são primeiro analisados como JSON estrito, os erros de sintaxe são detectados antes da comparação, o que ajuda a separar uma entrada inválida das diferenças estruturais reais.

O relatório usa linhas coloridas para que as mudanças relevantes se destaquem rapidamente. Valores adicionados aparecem em verde, caminhos removidos em vermelho, valores alterados em âmbar e caminhos primitivos inalterados em texto esmaecido. O relatório em texto simples pode ser copiado para uma issue, um pull request, uma nota de depuração ou uma revisão de testes quando você precisar explicar como dois payloads diferem.

Fluxo de trabalho privado no navegador

Todo o processamento acontece dentro do seu navegador, com JavaScript no lado do cliente. A ferramenta não envia trechos de código, valores de configuração, dados gerados, texto de consultas nem exemplos copiados para nenhum servidor e não exige conta. Esse modelo exclusivamente local é importante em utilitários para desenvolvedores, porque o conteúdo colado neles costuma parecer dados reais de aplicações: respostas de API, logs, amostras no formato de variáveis de ambiente, consultas de banco de dados, marcação de rascunhos ou valores copiados de sessões de depuração em produção. Manter a transformação local reduz riscos e deixa a interação rápida, pois não há ida e volta pela rede.

A interface é propositalmente compacta para que você possa colar a entrada, ajustar as opções, inspecionar a saída, copiá-la e voltar ao seu editor. Mesmo assim, revise os resultados antes de fazer commit, compartilhá-los publicamente ou usá-los em um fluxo de produção. Ferramentas de navegador são excelentes para inspeção e preparação rápidas, mas não conseguem conhecer todas as convenções de um projeto, regras de classificação de dados ou requisitos de validação específicos de cada aplicação.

Dicas práticas

Use esta ferramenta com trechos de JSON pequenos a médios que você precise entender rapidamente. Documentos muito grandes podem ser mais fáceis de comparar em um editor dedicado, sobretudo quando os arrays contêm itens reordenados ou registros sem identificadores estáveis. Este diff do navegador compara diretamente as posições dos arrays, portanto um item inserido no início pode fazer com que as entradas seguintes pareçam alteradas, mesmo que as identidades dos objetos sejam conceitualmente as mesmas. Normalize carimbos de data e hora gerados, IDs aleatórios e valores específicos do ambiente antes de comparar, para que as mudanças reais de contrato fiquem mais fáceis de identificar.