Saltar al contenido
Aback Tools Logo

Visor de diferencias (lado a lado)

Compara dos archivos de código o bloques de texto online y gratis. Nuestro visor de diferencias resalta las adiciones en verde y las eliminaciones en rojo, con vista dividida lado a lado o modo de diferencias unificado. Admite cualquier formato de texto plano: código, JSON, YAML, Markdown, SQL y más. Sin registro.

Diff Viewer (Side-by-Side)

Paste or upload two text blocks to compare them. Choose between a side-by-side split view or a unified diff view with color-coded additions and removals.

¿Por qué usar nuestro visor de diferencias?

  • Vista dividida y vista unificada: nuestro visor de diferencias ofrece dos modos de visualización: una vista dividida lado a lado que muestra el texto original y el modificado en columnas paralelas, y una vista unificada que intercala adiciones y eliminaciones en una sola lista desplazable. Cambia entre modos al instante con un clic.
  • Comparación de diferencias instantánea: el visor de diferencias procesa tus bloques de texto al instante en el navegador con un algoritmo basado en LCS. Obtén adiciones, eliminaciones y líneas sin cambios con código de color, además de números de línea, porcentaje de similitud y número de bloques modificados, todo en menos de un segundo.
  • Visor de diferencias online seguro: toda la comparación se ejecuta en tu navegador. Tu código, archivos de configuración y bloques de texto nunca se suben a ningún servidor cuando usas nuestro visor de diferencias online: 100 % privado y totalmente funcional sin conexión una vez cargado.
  • Visor de diferencias sin instalación: usa nuestro visor de diferencias gratuito directamente en tu navegador, sin descargas, plugins ni cuenta. Admite cualquier formato de texto plano: código, JSON, YAML, Markdown, SQL y más. Descarga el resultado como archivo .patch para tus flujos de control de versiones.

Casos de uso habituales del visor de diferencias

  • Revisión de código: compara dos versiones de una función, clase o módulo lado a lado antes de enviar una pull request. Nuestro visor de diferencias resalta cada adición y eliminación para que los revisores se centren en lo que cambió y no en lo que sigue igual.
  • Comparación de archivos de configuración: detecta diferencias entre configuraciones de entorno, archivos YAML, ajustes JSON o archivos .env al instante. Usa nuestro visor de diferencias para detectar cambios accidentales antes de desplegar en staging o producción.
  • Depuración de respuestas de API: compara dos respuestas de API lado a lado para encontrar cambios inesperados de campos, claves ausentes o desviaciones de valores entre entornos. Nuestro visor de diferencias funciona con cualquier formato de texto plano, incluidos JSON y XML.
  • Edición de documentación: compara versiones preliminares y finales de documentación, archivos README o contenido Markdown para revisar cambios editoriales. El visor de diferencias muestra exactamente qué frases se añadieron, se eliminaron o se mantuvieron igual.
  • Scripts de migración de base de datos: compara dos scripts de migración SQL para verificar que solo están presentes los cambios previstos antes de ejecutarlos en una base de datos de producción. Nuestro visor de diferencias admite cualquier archivo de texto plano.
  • Validación de versiones: compara artefactos de compilación, lockfiles o salidas generadas entre dos versiones publicadas para detectar regresiones no intencionadas. Descarga el archivo .patch desde nuestro visor de diferencias para incluirlo en las notas de la versión o en los registros de auditoría.

¿Qué es un visor de diferencias?

Un visor de diferencias es una herramienta que compara dos versiones de un archivo de texto o bloque de código y resalta las diferencias entre ellas. Nuestro visor de diferencias usa el algoritmo de la subsecuencia común más larga (LCS), el mismo algoritmo que subyace a git diff, para identificar qué líneas se añadieron (mostradas en verde), se eliminaron (en rojo) y quedaron sin cambios (en blanco). El resultado se muestra en una vista dividida lado a lado o en una vista unificada, ambas con números de línea para facilitar la navegación.

Cómo funciona nuestro visor de diferencias

  1. Pega o sube tu texto: introduce la versión original en el panel izquierdo y la versión modificada en el derecho. Puedes pegar texto directamente o subir cualquier archivo de texto plano; se admiten código, JSON, YAML, Markdown, SQL y mucho más.
  2. Comparación instantánea en el navegador: haz clic en «Comparar» y el algoritmo de diferencias LCS se ejecuta íntegramente en tu navegador. La tabla de comparación, la puntuación de similitud y el recuento de bloques modificados se calculan localmente: tu texto nunca sale de tu dispositivo.
  3. Visualiza, copia o descarga el resultado: cambia entre vista dividida y vista unificada con un clic. Copia las diferencias unificadas al portapapeles o descárgalas como archivo .patch para usarlas en flujos de control de versiones.

Cómo leer la salida de diferencias

  • Líneas verdes (adiciones): líneas que existen en la versión modificada pero no en la original. En la vista dividida aparecen en el panel derecho; en la vista unificada llevan el prefijo +.
  • Líneas rojas (eliminaciones): líneas que existen en la original pero se eliminaron en la versión modificada. En la vista dividida aparecen en el panel izquierdo; en la vista unificada llevan el prefijo −.
  • Líneas blancas (sin cambios): líneas idénticas en ambas versiones. Proporcionan contexto alrededor de los cambios para que entiendas qué se modificó.
  • Porcentaje de similitud: la proporción entre líneas sin cambios y líneas totales, expresada en porcentaje. Una puntuación del 100 % significa que las entradas son idénticas; puntuaciones más bajas indican más diferencias.

Limitaciones importantes

El visor de diferencias compara el texto línea por línea: no realiza comparaciones a nivel de palabra o carácter dentro de una línea. Los archivos muy grandes (decenas de miles de líneas) pueden tardar en procesarse debido a la complejidad O(n×m) del algoritmo LCS. Para un rendimiento óptimo, compara archivos de menos de 5.000 líneas cada uno. La opción de ignorar espacios en blanco normaliza los espacios iniciales y finales, pero no colapsa los espacios internos dentro de una línea.

Preguntas frecuentes

Un visor de diferencias compara dos versiones de un archivo de texto o bloque de código y resalta las adiciones en verde, las eliminaciones en rojo y las líneas sin cambios en blanco. Nuestro visor de diferencias funciona íntegramente en tu navegador con modos de vista dividida lado a lado y vista unificada.

Nuestro visor de diferencias admite cualquier formato de texto plano: JavaScript, TypeScript, Python, JSON, YAML, XML, HTML, CSS, Markdown, SQL y más. Se puede comparar cualquier archivo que se pueda abrir como texto plano.

La vista dividida muestra el texto original y el modificado en dos columnas paralelas. La vista unificada intercala adiciones y eliminaciones en una sola columna con los prefijos + y −, de forma similar a la salida de git diff.

Sí. Toda la comparación se ejecuta en tu navegador. Tu código y tus bloques de texto nunca se suben a ningún servidor: todo permanece privado en tu dispositivo.

Sí. Haz clic en «Descargar .patch» para guardar las diferencias unificadas como archivo .patch compatible con git apply y las herramientas de parche estándar.

El porcentaje de similitud es la proporción entre líneas sin cambios y líneas totales. El 100 % significa que las entradas son idénticas; puntuaciones más bajas indican más diferencias.

¡Sí! Nuestro visor de diferencias es 100 % gratis, sin registro, sin cuenta y sin límites de uso. Compara tantos bloques de texto como necesites, totalmente gratis y para siempre.