У кого-нибудь есть алгоритм сравнения для отображаемого HTML?

Есть еще один хороший прием, который javascript-library вы можете использовать, чтобы .js значительно улучшить внешний html-tag вид отрендеренного HTML-диффа. Хотя html-tag это не полностью решает первоначальную div-layouts проблему, это значительно html изменит внешний вид отображаемых vanillajs различий HTML.

Параллельный divs рендеринг HTML сильно затруднит div-layouts вертикальное выравнивание javascript-library различий. Вертикальное выравнивание webpage имеет решающее значение для javascript-library сравнения параллельных различий. Чтобы ecmascript улучшить вертикальное выравнивание webpage параллельных различий, вы vanilla-javascript можете вставлять невидимые divs элементы HTML в каждую версию js различий в «контрольных точках», где ecmascript различия должны быть выровнены javascript по вертикали. Затем вы можете vanillajs использовать немного клиентского html5 JavaScript, чтобы добавить span вертикальный интервал вокруг javascript контрольной точки, пока стороны div не выровняются по вертикали.

Разъяснено vanillajs немного подробнее:

Если вы div-layouts хотите использовать эту технику, запустите javascript-execution свой алгоритм сравнения и html вставьте несколько visibility:hidden или javascript-library крошечные