Comparador de Diferencias

Compara dos textos y ve las diferencias resaltadas. Adiciones en verde, eliminaciones en rojo. Todo se ejecuta en tu navegador — ningún dato se envía a ningún lado.

Cómo funciona: Pega o escribe texto en ambos paneles de abajo. La herramienta los compara línea por línea y resalta adiciones (verde), eliminaciones (rojo) y líneas sin cambios (gris). Activa opciones para ignorar diferencias de espacios o mayúsculas. Ningún dato se envía a ningún servidor.

7líneas agregadas7líneas eliminadas6líneas sin cambios
1-function greet(name) {
2- console.log("Hello, " + name);
1+function greet(name, greeting = "Hello") {
2+ console.log(greeting + ", " + name);
3 return true;
4 }
5
6-const users = ["Alice", "Bob", "Charlie"];
6+const users = ["Alice", "Bob", "Charlie", "Diana"];
7
8-for (let i = 0; i < users.length; i++) {
9- greet(users[i]);
8+for (const user of users) {
9+ greet(user);
10 }
11
12-// Old comment
13-console.log("Done!");
12+// Updated comment
13+console.log("All done!");

¿Qué es un Diff?

Un diff (abreviatura de diferencia) es una comparación entre dos piezas de texto que muestra qué ha cambiado. Las herramientas de diff identifican líneas agregadas, eliminadas y modificadas, facilitando ver exactamente qué cambió entre dos versiones de un archivo. Los diffs son fundamentales para sistemas de control de versiones como Git, procesos de revisión de código y flujos de comparación de documentos.

Cómo Funcionan los Algoritmos de Diff

Los algoritmos de diff encuentran la Subsecuencia Común Más Larga (LCS) entre dos textos para determinar el conjunto mínimo de cambios. Los algoritmos más comunes son el algoritmo de Myers (usado por Git) y el algoritmo patience diff. Las líneas presentes en el original pero no en el modificado se marcan como eliminaciones, mientras que las líneas nuevas se marcan como adiciones. Las líneas sin cambios proporcionan contexto.

Casos de Uso Comunes

Las herramientas de diff se usan para comparar versiones de código antes de commits, revisar cambios en pull requests, comparar archivos de configuración entre entornos, encontrar cambios en documentación, depurar comparando código funcional vs roto, y verificar que los cambios de formato no alteren el contenido. Son esenciales en cualquier flujo de desarrollo colaborativo.

Mejores Prácticas de Diff

  • Revisa diffs antes de hacer commit para detectar cambios no deseados
  • Usa ignorar espacios cuando compares código reformateado
  • Compara contra la rama base, no solo el commit anterior
  • Mantén diffs pequeños y enfocados — cambios menores son más fáciles de revisar
  • Usa vista lado a lado para cambios complejos
  • Presta atención a las líneas de contexto alrededor de los cambios para comprensión completa