HTML Diff Online

Una herramienta de comparación de HTML contrasta dos documentos HTML y resalta cada diferencia de marcado: etiquetas añadidas en verde, etiquetas eliminadas en rojo y valores de atributos modificados en línea. Es útil para revisar cambios en plantillas y variantes de pruebas A/B.

Una comparación por líneas resalta las líneas completas que cambiaron. Una comparación por palabras resalta las palabras o tokens específicos dentro de una línea que cambiaron, dejando las palabras sin cambios sin colorear. La comparación por palabras ofrece una imagen mucho más clara de las ediciones pequeñas dentro de líneas largas, algo habitual en HTML donde los atributos y el contenido de las etiquetas comparten línea.

Esta herramienta compara el código fuente HTML, no la salida renderizada. Dos archivos HTML que se renderizan de forma idéntica pueden tener fuentes muy diferentes (distinto orden de etiquetas, atributos equivalentes, espacios en blanco). Para pruebas de regresión visual (comparar el aspecto de una página en el navegador), usa Playwright o Percy, que comparan capturas de pantalla de páginas renderizadas.

Copia el código fuente HTML de la versión antigua (con Ver código fuente o desde el historial de git) en el panel izquierdo y la versión nueva en el derecho. La comparación resalta los atributos cambiados, los nuevos elementos y las secciones eliminadas. Combínalo con la función "Comparar" de las DevTools del navegador para una comparación estructural completa de la página.

No. Toda la comparación se ejecuta en tu navegador; tu HTML nunca sale de tu dispositivo. Es seguro para plantillas de aplicaciones internas, código de componentes propietarios o HTML con información personal identificable en el contenido de texto.