Saltar al contenido principal

Comparación de Texto (Diff)

Compara dos textos y visualiza las diferencias. Útil para revisiones 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

Funciones 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: Muestra todos los cambios en una pantalla
  • Vista Dividida: Muestra el original y el modificado lado a lado

⚙️ Opciones de Comparación​

  • Ignorar espacios en blanco
  • Ignorar mayúsculas/minúsculas
  • Comparación 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 utiliza el algoritmo diff de Myers para:

  1. Comparar dos textos línea por línea
  2. Encontrar los cambios mínimos
  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 en archivos de configuración entre entornos de producción y desarrollo

4. Comparación de Respuestas API​

Comparar respuestas de API en diferentes momentos

Modos de Vista​

Vista Unificada (Unified View)​

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

Vista Dividida (Split View)​

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

Consejos​

1. Ignorar Espacios en Blanco​

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

2. Ignorar Mayúsculas/Minúsculas​

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

3. Cargar Ejemplo​

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

Herramientas Relacionadas​

💬 ¿Te resultó útil esta herramienta?​

¡No dudes en enviarnos tus comentarios o sugerencias en cualquier momento!