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

【问题标题】：Are there any tools out there to compare the structure of 2 web pages?是否有任何工具可以比较 2 个网页的结构？
【发布时间】：2010-09-08 02:23:40
【问题描述】：

我从我们的创意团队收到 HTML 页面，然后使用这些页面构建 aspx 页面。我经常面临的一个挑战是让我吐出的 HTML 与他们的完全匹配。我几乎总是把<div>s 在我的页面和母版页之间的嵌套搞砸了。

有没有人知道在这种情况下会有帮助的工具——可以比较 2 个页面并输出结构差异的工具？我不能使用标准的 diff 工具，因为 ID 与我从创意收到的内容不同，文本替换了 lorem ipsum 等。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

我正在考虑XML Diff 的行，因为 HTML 可以表示为 XML 文档。 HTML 的挑战在于它可能并不总是格式良好。在这里又找到了一个，展示了如何使用XMLDiff class。

【讨论】：

HTML 实际上不是 XML 的子集，而是 SGML 的后代，其语法比 XML 更宽松。但是，您的建议仍然是一个很好的建议，如果他正在使用 XHTML（is XML），那么 XML 差异工具是关键。 BeyondCompare 也有一个用于 XML 比较的插件。

【解决方案3】：

winmerge 是一个很好的视觉差异程序

【讨论】：

【解决方案4】：

您可以使用 HTMLTidy 将 HTML 转换为格式正确的 XML，以便您可以使用 XML Diff，正如 Gulzar 建议的那样。

tidy -asxml index.html

【讨论】：

【解决方案5】：

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

DaisyDiff 怎么样（Java 和 PHP 版本可用）。

以下功能非常好：

【讨论】：