Monaco Diff Checker

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

1. 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).
2. Elegir un lenguaje — empieza a escribir en el cuadro de lenguaje y elige de la lista con búsqueda.
3. Comparar — la diferencia y las estadísticas se actualizan automáticamente mientras editas.
4. Navegar — usa Prev/Next o F7/F8 para recorrer los cambios.
5. Compartir o exportar — Copia la diferencia unificada, descarga un .patch, o Comparte una URL.

Atajos de teclado

• F8 — siguiente diferencia
• F7 — 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.