Compara dos fragmentos de código o texto en un rápido editor de diferencias al estilo de VS Code que se ejecuta íntegramente en tu navegador. Detecta cada línea añadida, eliminada y cambiada de un vistazo, con resaltado de sintaxis completo, un motor de diferencias consciente del orden y exportación con un clic.
Funciones
- Diferencia de nivel VS Code — impulsada por el editor Monaco, con resaltado de cambios en línea y desplazamiento sincronizado.
- Vistas lado a lado y en línea — cambia de diseño con un clic.
- 10 ejemplos integrados — un clic carga una comparación multilenguaje y establece la sintaxis correspondiente.
- Más de 90 lenguajes, con búsqueda — escribe para encontrar cualquier lenguaje que Monaco admita (JavaScript, TypeScript, Python, Go, Rust, C#, SQL, YAML, Markdown y muchos más). La lista se genera desde el propio Monaco, así que siempre está completa.
- Ambos paneles editables — pega o edita en cualquier lado y la diferencia se actualiza en vivo.
- Estadísticas precisas — recuentos reales de líneas añadidas / eliminadas / sin cambios y un % de similitud, calculados con un algoritmo apropiado de subsecuencia común más larga (consciente del orden).
- Ignorar espacios / mayúsculas — alterna para centrarte en los cambios significativos (el manejo de espacios es por línea, así que nunca colapsa tu archivo en una sola línea).
- Carga de archivos — carga archivos en cualquier panel (hasta 2 MB).
- Navegación de cambios — salta entre diferencias con los botones Prev/Next o
F7/F8, con un contador de cambios en vivo. - Exportar — copia una diferencia unificada, descarga un archivo
.patch, o comparte una URL con la comparación codificada en el enlace. - Claro y oscuro — sigue tu tema automáticamente.
Cómo usar
- Cargar contenido — elige entre 10 ejemplos listos (JavaScript, Python, TypeScript, JSON, HTML, CSS, SQL, Java, Go, YAML — cada uno cambia el lenguaje automáticamente), pega en ambos paneles, o carga archivos (Izquierda / Derecha).
- Elegir un lenguaje — empieza a escribir en el cuadro de lenguaje y elige de la lista con búsqueda.
- Comparar — la diferencia y las estadísticas se actualizan automáticamente mientras editas.
- Navegar — usa Prev/Next o
F7/F8para recorrer los cambios. - Compartir o exportar — Copia la diferencia unificada, descarga un .patch, o Comparte una URL.
Atajos de teclado
F8— siguiente diferenciaF7— diferencia anterior
Privacidad
Todo el procesamiento ocurre localmente en tu navegador: nada se sube a un servidor. Cuando usas Compartir, la comparación se codifica solo en el fragmento hash de la URL.
Casos de uso
- Revisión de código y comparación de pull requests
- Análisis de refactorización antes/después
- Comparación de configuración / JSON / YAML
- Comparación de registros y salida de depuración
- Comparación de versiones y clasificación de conflictos de fusión
Preguntas frecuentes
¿Qué lenguajes son compatibles? Todos los lenguajes que trae el editor Monaco — más de 90 — mostrados a través de un selector con búsqueda.
¿Se envía mi código a algún sitio? No. La diferencia se ejecuta íntegramente del lado del cliente; los enlaces de compartir mantienen los datos en el fragmento de la URL, que los navegadores nunca envían al servidor.
¿Cómo se calcula la similitud? A partir de la subsecuencia común más larga a nivel de línea: sin cambios / (añadido + eliminado + sin cambios), como porcentaje.