¿Qué tan grande puede ser el diff?

Funciona mejor con textos pequeños o medianos (cientos de KB). Las entradas muy grandes pueden volverse lentas porque todo se ejecuta en tu navegador.

¿Cómo reinicio y empiezo de nuevo?

Usa los botones de Limpiar sobre cada área de texto para borrarlos, o Intercambiar para cambiar lados antes de comparar otra vez.

RunTools.dev

Diff

Visor de diff

Compara dos textos en vista unificada o lado a lado, con contexto completo o incremental.

Visor de diff

Compara dos textos en vista unificada o lado a lado, con contexto completo o incremental.

Izquierda (original)

Derecha (cambios)

Modo de vista

Contexto

+0 adiciones-0 eliminacionesMostrando Diff completo

Diff unificado

Una sola columna con marcadores + / -.

What

Definición de Visor de diff

Un visor diff resalta adiciones y eliminaciones entre dos textos.

Cases

Casos de uso comunes

Revisar cambios entre versiones

Generar un diff estilo parche

Verificar ediciones antes de publicar

How To

Cómo comparar dos textos

Guía paso a paso para visualizar cambios y copiar un diff.

Pega textos

Pega original a la izquierda y cambios a la derecha.

Elige vista

Selecciona unificada/dividida y completo/incremental.

Revisa y copia

Revisa adiciones/eliminaciones y copia el diff.

Knowledge

Entendiendo el Diff y el Control de Versiones

¿Qué es un Diff?

Un diff (diferencia) muestra los cambios entre dos versiones de un texto. Identifica líneas añadidas, eliminadas y modificadas. Los diffs son fundamentales para los sistemas de control de versiones y los procesos de revisión de código.

Algoritmos de Diff

El algoritmo más común es el LCS (Longest Common Subsequence). Encuentra la secuencia más larga de líneas que aparecen en ambas versiones y luego muestra las diferencias alrededor de esas líneas comunes. El algoritmo de Myers es una implementación popular y eficiente.

Vista Unificada vs. Dividida

El diff unificado muestra los cambios en una sola columna con + para adiciones y - para eliminaciones. La vista dividida (lado a lado) muestra las versiones original y modificada en columnas paralelas. Cada formato tiene ventajas para diferentes estilos de revisión.

Contexto en los Diffs

Las líneas de contexto son líneas que no han cambiado y que rodean a las modificaciones. Ayudan a los revisores a entender dónde ocurren los cambios. Un diff estándar muestra 3 líneas de contexto por defecto. Más contexto ayuda a la comprensión; menos contexto se enfoca en los cambios.

Diff en el Control de Versiones

Git, SVN y otros sistemas de control de versiones usan diff internamente para almacenar cambios de forma eficiente. Los archivos de parche (patch) son diffs estructurados que pueden aplicarse para recrear los cambios. Entender los diffs es esencial para la revisión de código.

FAQ

FAQ del visor de diff

¿Qué diferencia hay entre unificado y dividido?

Unificado muestra una columna con líneas + y -, dividido muestra original y cambios en columnas paralelas.

¿Qué significa diff incremental aquí?

Solo mantiene las líneas modificadas con una pequeña ventana de contexto, ocultando las secciones sin cambios.

¿Puedo copiar el diff?

Sí. Usa el botón para copiar el diff unificado como si fuera un parche.

¿Cómo se calculan las diferencias?

Un diff por líneas basado en LCS que corre localmente en tu navegador; no se envían datos al servidor.

¿Se conserva el formato?

Los espacios y saltos de línea se mantienen; los colores son solo visuales.

¿Cuándo usar completo vs incremental?

Completo sirve para revisar todo el archivo; incremental para ver rápidamente solo las partes cambiadas.

Utilidades dev Herramientas

Ver todo →

Formateador de Python

Formatea Python con controles de indentación, saltos de línea y espacios.

Embellecedor de JavaScript

Ordena JavaScript con opciones de indentación, ajuste y espaciado.

Vista previa de Markdown

Renderiza Markdown en tiempo real con una vista previa clara.

Formateador SQL

Indenta y ordena SQL complejo para que las consultas sean legibles.

Diff

Visor de diff

Compara dos textos en vista unificada o lado a lado, con contexto completo o incremental.

Visor de diff

Compara dos textos en vista unificada o lado a lado, con contexto completo o incremental.

Izquierda (original)

Derecha (cambios)

Modo de vista

Contexto

+0 adiciones-0 eliminacionesMostrando Diff completo

Diff unificado

Una sola columna con marcadores + / -.

What

Definición de Visor de diff

Un visor diff resalta adiciones y eliminaciones entre dos textos.

Cases

Casos de uso comunes

Revisar cambios entre versiones

Generar un diff estilo parche

Verificar ediciones antes de publicar

How To

Cómo comparar dos textos

Guía paso a paso para visualizar cambios y copiar un diff.

Pega textos

Pega original a la izquierda y cambios a la derecha.

Elige vista

Selecciona unificada/dividida y completo/incremental.

Revisa y copia

Revisa adiciones/eliminaciones y copia el diff.

Knowledge

Entendiendo el Diff y el Control de Versiones

¿Qué es un Diff?

Algoritmos de Diff

Vista Unificada vs. Dividida

Contexto en los Diffs

Diff en el Control de Versiones

FAQ

FAQ del visor de diff

¿Qué diferencia hay entre unificado y dividido?

Unificado muestra una columna con líneas + y -, dividido muestra original y cambios en columnas paralelas.

¿Qué significa diff incremental aquí?

Solo mantiene las líneas modificadas con una pequeña ventana de contexto, ocultando las secciones sin cambios.

¿Puedo copiar el diff?

Sí. Usa el botón para copiar el diff unificado como si fuera un parche.

¿Cómo se calculan las diferencias?

Un diff por líneas basado en LCS que corre localmente en tu navegador; no se envían datos al servidor.

¿Se conserva el formato?

Los espacios y saltos de línea se mantienen; los colores son solo visuales.

¿Cuándo usar completo vs incremental?

Completo sirve para revisar todo el archivo; incremental para ver rápidamente solo las partes cambiadas.