Las herramientas de desarrollo que usas cada día, todas en un mismo lugar.

Conversores, formateadores, hashes, validadores y las pequeñas utilidades que no dejas de reabrir se quedan juntos en lugar de perderse entre pestañas.

GitHub

/ Herramientas

■

/ Buscador de herramientas

109 herramientas

/ Visor de diferencias

Texto original

Texto modificado

Modo de diferencias

/ Herramienta seleccionada

■

Visor de diferencias - herramienta para desarrolladores gratuita

Compara dos textos lado a lado con diff línea por línea o palabra por palabra

■ 01

¿Qué es un visor de diferencias?

Un visor de diferencias (diff) es una herramienta que compara dos fragmentos de texto y resalta las diferencias entre ellos. Muestra qué se agregó, se eliminó o se cambió, facilitando revisar modificaciones en documentos, código o cualquier texto…

■ 02

¿Cómo funciona?

Esta herramienta usa el algoritmo de subsecuencia común más larga (LCS) para calcular las diferencias entre dos textos. Las adiciones se resaltan en verde con un prefijo +, y las eliminaciones se muestran en rojo con un prefijo -. Modos de diff Línea…

■ 03

Casos de ejemplo

Cubre Revisión de código, Comparación de documentos y Archivos de configuración para que puedas comparar entradas y salidas comunes rápidamente.

/ Herramientas relacionadas

/ Código

■

Código fuente de la herramienta seleccionada, mostrado aquí junto a la versión en vivo a la derecha.

/ Código fuente

TypeScript

typescript

// Line-by-line diff using Longest Common Subsequence (LCS)
// No external dependencies required

interface DiffLine {
  lineNumber1: number | null;
  lineNumber2: number | null;
  content: string;
  type: 'added' | 'removed' | 'unchanged';
}