diffchecker.net

JavaScript Diff Checker

Cole duas versões de código JavaScript para ver cada linha adicionada, removida ou alterada com realce de sintaxe para JavaScript. O diff roda localmente no seu navegador.

Texto original

Texto alterado

Sintaxe JavaScript pré-selecionada

Não é preciso escolher uma linguagem antes de comparar os arquivos: esta página aplica automaticamente o realce de sintaxe para JavaScript.

Comparação local e privada

O diff roda no seu navegador. Código-fonte, payloads de API e arquivos de configuração não são enviados para nenhum servidor.

Visualização dividida ou unificada

Use a visualização Dividida para revisar lado a lado, a Unificada para patches compactos e, em arquivos grandes, a opção Ocultar linhas sem alterações.

Como comparar arquivos JavaScript online

Este JavaScript Diff Checker foi criado para desenvolvedores que precisam de uma forma rápida e privada de comparar mudanças em código e configurações. Cole duas versões, clique em Comparar e revise adições, remoções e alterações dentro das linhas com o realce de sintaxe para JavaScript já ativado.

  1. Cole ou envie o arquivo JavaScript original no editor da esquerda.

  2. Cole ou envie o arquivo JavaScript alterado no editor da direita.

  3. Clique em Comparar e revise o resultado na visualização Dividida ou Unificada. Depois, use a opção Ocultar linhas sem alterações quando só precisar ver os trechos editados.

Comparação privada de arquivos JavaScript no navegador

O diff roda localmente no seu navegador, mantendo código-fonte, respostas de API, credenciais e arquivos de configuração no seu dispositivo. Uma sessão recente pode ficar salva no armazenamento do navegador para ser restaurada depois, e você pode apagá-la na ferramenta a qualquer momento.

Usos comuns do diff em JavaScript

Compare mudanças em funções, imports e componentes.

Revise alterações em código para navegador ou Node.js antes de publicar.

Confira rapidamente mudanças em objetos, arrays e lógica assíncrona.

Realce de sintaxe para JavaScript

O seletor de linguagem fica oculto nesta página, já que o realce está fixo em JavaScript. O parser se concentra em tokens como imports, funções, objetos e expressões assíncronas, enquanto o motor de diff destaca as mudanças reais no texto.

.js, .mjs, .cjs, .jsx

Referência: Referência de JavaScript no MDN

Perguntas frequentes sobre o JavaScript Diff Checker

O que o JavaScript Diff Checker faz?

A ferramenta compara duas versões de código JavaScript, destacando as linhas adicionadas, removidas e alteradas. O realce de sintaxe fica fixo em JavaScript, o que facilita identificar os elementos da linguagem enquanto você revisa as mudanças.

O JavaScript Diff Checker envia meus arquivos para um servidor?

Não. A comparação roda no seu navegador. Seus arquivos não são enviados para nenhum servidor quando você clica em Comparar.

Quais tipos de arquivo JavaScript posso comparar?

Você pode colar ou enviar arquivos de texto simples, como .js, .mjs, .cjs, .jsx. Qualquer arquivo de texto pode ser comparado, mas esta página aplica automaticamente o realce de sintaxe para JavaScript.

Posso comparar arquivos JavaScript grandes?

Sim. A comparação roda em um worker em segundo plano, para que o navegador continue respondendo. Arquivos muito grandes ainda podem levar alguns segundos no seu dispositivo.