DevTools

Comparar dos versiones de un texto para encontrar diferencias es una tarea fundamental en el desarrollo de software y la edición de documentos. Los desarrolladores necesitan revisar cambios en código fuente antes de hacer merge, detectar modificaciones en archivos de configuración entre entornos, o verificar que dos versiones de un documento son equivalentes. Los escritores y editores la usan para rastrear cambios en borradores de artículos o documentos legales. Esta herramienta compara dos textos línea por línea y resalta visualmente las diferencias usando un sistema de colores intuitivo: verde para líneas añadidas, rojo para líneas eliminadas y amarillo para líneas modificadas. Además del resaltado visual, muestra estadísticas útiles como el número de líneas añadidas, eliminadas y modificadas. Es como tener un diff de Git visual sin necesidad de usar la línea de comandos. Todo se procesa localmente en tu navegador.

¿Cómo usar?

1. Pega el texto original (versión anterior) en el panel izquierdo etiquetado 'Texto Original'.
2. Pega el texto modificado (versión nueva) en el panel derecho etiquetado 'Texto Modificado'.
3. Haz clic en 'Ejecutar' para iniciar la comparación línea por línea.
4. Interpreta los resultados: las líneas en verde fueron añadidas, en rojo eliminadas, en amarillo modificadas.
5. Revisa las estadísticas debajo del resultado para ver el resumen de cambios detectados.

Casos de Uso Reales

• Revisar cambios en configuraciones. Compara el .env o el config.yaml de producción contra staging antes de desplegar, y detecta diferencias que un ojo humano pasa por alto.
• Verificar salidas esperadas. En pruebas manuales, pega la salida real junto a la esperada y confirma visualmente qué líneas difieren.
• Auditar cambios en documentos. Contratos, propuestas y políticas internas: compara dos versiones y identifica exactamente qué cláusulas cambiaron.
• Sincronizar snippets entre proyectos. Compara dos copias de la misma función o script para descubrir cuál evolucionó y cuál quedó obsoleta.
• Revisar cambios en configs de producción. Compara el archivo de configuración que funciona contra el recién editado. Las líneas resaltadas muestran exactamente qué cambió, ideal cuando 'no toqué nada' y todo dejó de funcionar.
• Comparar respuestas de APIs. Pega la respuesta JSON de staging y la de producción lado a lado. Las diferencias saltan a la vista: campos faltantes, valores distintos, orden cambiado.

Ejemplos Prácticos

Comparar dos versiones de configuración

timeout: 30
reintentos: 3
puerto: 8080
→ timeout: 60
reintentos: 3
puerto: 8080
→ El diff resalta en rojo timeout: 30 (eliminado) y en verde timeout: 60 (agregado).

Diff de configuraciones

timeout=30\nretries=3 vs timeout=60\nretries=3
→ Línea 1 resaltada: timeout cambió de 30 a 60

Diff de textos largos

Dos versiones de un contrato
→ Solo los párrafos modificados quedan marcados

Preguntas Frecuentes