是否有任何工具可以比较2个网页的结构？

Question

我从我们的创意团队收到HTML页面，然后使用它们构建aspx页面。我经常遇到的一个挑战就是让HTML I吐出来完全符合他们的要求。我几乎总是最终在我的页面和母版页之间嵌套了<div>。

有谁知道一个工具，将有助于在这种情况下 - 将比较2页，并输出结构差异？我无法使用标准差异工具，因为ID从我从广告素材收到的内容中更改，文本替换为 lorem ipsum等。

Answer 1

如果输出符合XML的HTML。或者至少将您的HTML产品转换为符合XML标准的产品，您至少可以通过XSL输出来移除内容和id标签。将相同的转换应用于他们的html，然后进行比较。

Answer 2

我在考虑XML Diff的行，因为HTML可以表示为XML文档。 HTML面临的挑战是它可能并不总是良好的形成。在此处再找到一张展示如何使用XMLDiff class的文章。

Answer 3

的WinMerge是一个很好的视觉差异计划

Answer 4

您可以使用HTMLTidy到HTML转换为格式良好的XML，所以你可以使用XML Diff，作为古勒扎尔建议。

tidy -asxml index.html 

Answer 5

从here我自己的答案的副本。

---

什么DaisyDiff（可Java和PHP vesions）。

以下功能都很好：

• 工程与严重的HTML，可以“在野外”中找到。
• 与XML树不同，差异在HTML中更专门化。更改文本节点的一部分不会导致整个节点被更改。
• 除了默认的视觉差异，HTML源代码可以一致地进行区分。
• 提供易于理解的变更说明。
• 默认的GUI允许通过键盘快捷键和链接轻松浏览修改。