Saltar al contenido principal

Comparación de Texto (Diff)

Compare dos textos y vea las diferencias visualmente. Útil para revisión de código y seguimiento de cambios en documentos.

How to Use

  • Enter or paste your original text in the left textarea
  • Enter or paste your modified text in the right textarea
  • View differences highlighted in red (removed) and green (added)
  • Toggle between unified and split view modes
  • Use options to ignore whitespace or case differences

Características Principales​

👀 Comparación Visual​

  • Líneas agregadas: Mostradas en verde
  • Líneas eliminadas: Mostradas en rojo
  • Líneas sin cambios: Color predeterminado

🔄 Dos Modos de Vista​

  • Vista Unificada: Mostrar todos los cambios en una pantalla
  • Vista Dividida: Mostrar original y modificado lado a lado

⚙️ Opciones de Comparación​

  • Ignorar espacios
  • Ignorar mayúsculas/minúsculas
  • Comparación línea por línea

📊 Estadísticas​

  • Número de líneas agregadas
  • Número de líneas eliminadas
  • Número de líneas sin cambios

¿Qué es Diff?​

Diff es una herramienta que muestra las diferencias entre dos archivos o textos. Originalmente comenzó como un comando Unix y ahora es una función central de los sistemas de control de versiones.

Algoritmo Diff​

Esta herramienta usa el algoritmo Myers' diff para:

  1. Comparar dos textos línea por línea
  2. Encontrar el mínimo de cambios
  3. Distinguir adiciones, eliminaciones y mantenimiento

Casos de Uso​

1. Revisión de Código​

Verificar cambios en Pull Requests o commits

// Antes
function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

// Después
function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

2. Comparación de Versiones de Documentos​

Comparar dos versiones de un documento para ver qué partes han cambiado

3. Comparación de Archivos de Configuración​

Verificar diferencias entre archivos de configuración de producción y desarrollo

4. Comparación de Respuestas API​

Comparar respuestas API de diferentes momentos

Modos de Vista​

Vista Unificada (Unified View)​

  • Formato diff tradicional
  • + para líneas agregadas
  • - para líneas eliminadas
  • Usado principalmente en Git, GitHub

Vista Dividida (Split View)​

  • Mostrar original y modificado lado a lado
  • Fácil de entender al ver ambos lados simultáneamente
  • Usado en muchas herramientas diff GUI

Consejos​

1. Ignorar Espacios​

Útil cuando solo hay cambios de formato y no cambios de contenido real.

2. Ignorar Mayúsculas/Minúsculas​

Útil cuando se quiere verificar solo cambios de contenido sustancial ignorando diferencias de mayúsculas.

3. Cargar Ejemplo​

¡Vea el código de muestra con el botón "Cargar Ejemplo"!

💬 ¿Te ha sido útil esta herramienta?​

Si esta herramienta te ha resultado útil, compártela con tus colegas o déjanos tus comentarios. Tu feedback nos ayuda a mejorar continuamente.

Privacidad​

Esta herramienta funciona completamente del lado del cliente. Los textos que compares no se envían a ningún servidor y se procesan únicamente en tu navegador. Tus datos permanecen 100% privados y seguros.

Herramientas Relacionadas​