Skip to main content
DevTools24

Visor de Diferencias

Compara dos bloques de texto o código lado a lado con resaltado visual de diferencias. Perfecto para revisiones de código, comparación de documentos y seguimiento de cambios.

Características

  • Lado a lado: Comparar textos en un diseño limpio lado a lado
  • Resaltado visual: Diferencias codificadas por color (verde=añadido, rojo=eliminado)
  • Números de línea: Numeración de líneas opcional para referencia fácil
  • Opciones de espacios: Elegir ignorar o incluir diferencias de espacios en blanco
  • Estadísticas: Ver conteos de adiciones, eliminaciones y modificaciones
  • Intercambiar textos: Cambiar rápidamente bloques de texto izquierdo y derecho

Perfecto para

  • Revisiones de código y análisis de pull requests
  • Comparar diferentes versiones de documentos
  • Encontrar cambios entre archivos de configuración
  • Analizar diferencias en respuestas de API
  • Verificar modificaciones de scripts o markup
  • Propósitos educativos para aprender control de versiones

Leyenda de colores

Líneas añadidas (verde)
Líneas eliminadas (rojo)
Líneas sin cambios

Consejos profesionales

  • Usa "Cargar ejemplo" para ver cómo funciona el visor de diferencias
  • Activa "Ignorar espacios en blanco" al comparar código formateado
  • Usa números de línea para referencia precisa al discutir cambios
  • Copia bloques de texto individuales usando los botones de copiar
  • Intercambia textos rápidamente para cambiar la perspectiva de las diferencias
  • Todas las comparaciones ocurren localmente - no se envían datos a servidores