Существуют ли инструменты для сравнения структуры двух веб-страниц?

Question

Я получаю HTML-страницы от нашей творческой группы, а затем использую их для создания ASPX-страниц. Одна из проблем, с которой я часто сталкиваюсь, заключается в том, чтобы выложить HTML-код, который точно соответствует их. Я почти всегда заканчиваю тем, что путаю вложенность <div> s между моей страницей и мастер-страницами.

Кто-нибудь знает инструмент, который поможет в этой ситуации - который сравнит 2 страницы и выведет структурные различия? Я не могу использовать стандартный инструмент сравнения, потому что идентификаторы меняются по сравнению с тем, что я получаю от объявлений, текст заменяет lorem ipsum и т. Д.

Answer 1

Вы можете использовать HTMLTidy для преобразования HTML в правильно сформированный XML, чтобы вы могли использовать XML Diff , как предложил Гульзар.

tidy -asxml index.html

Answer 2

Если выводится XML-совместимый HTML. Или, по крайней мере, перевести ваш HTML-продукт в соответствие XML, вы, по крайней мере, могли бы затем XSL вывести, чтобы удалить контент и теги id. Примените то же преобразование к их html, а затем сравните.

Answer 3

Копия моего собственного ответа от здесь .

---

Как насчет DaisyDiff ( Java и PHP доступны версии).

Следующие функции действительно хороши:

• Работает с плохо сформированным HTML, который можно найти «в дикой природе».
• Различия в HTML более специализированы, чем в дереве XML. Изменение части текстового узла не приведет к изменению всего узла.
• В дополнение к визуальному различию по умолчанию, источник HTML может быть связан когерентно.
• Предоставляет понятные описания изменений.
• Стандартный графический интерфейс пользователя позволяет легко просматривать изменения с помощью сочетаний клавиш и ссылок.

Answer 4

Я думал о строках XML Diff , поскольку HTML можно представить как документ XML. Проблема с HTML заключается в том, что он не всегда может быть правильно сформирован. Нашел еще один, показывающий, как использовать XMLDiff class .

Answer 5

winmerge - хорошая программа для визуальных различий