有没有工具可以比较2个网页的结构？

Question

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

有没有人知道在这种情况下有用的工具 - 比较2页并输出结构差异的东西？我不能使用标准差异工具，因为ID会从我从广告素材中获得的内容发生变化，文字会替换 lorem ipsum 等。

Answer 1

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

tidy -asxml index.html

Answer 2

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

Answer 3

我正在思考XML Diff的行，因为HTML可以表示为XML文档。 HTML的挑战在于它可能并不总是很好地形成。在此处再找到一个展示如何使用XMLDiff class的内容。

Answer 4

here我自己答案的副本。

---

DaisyDiff（Java和PHP可用的部队怎么样？

以下功能非常好：

• 使用格式错误的HTML，可以“在野外”找到。
• HTML中的差异比XML树更加专业化。更改文本节点的一部分不会导致整个节点发生更改。
• 除了默认的视觉差异外，还可以连贯地扩展HTML源代码。
• 提供易于理解的更改说明。
• 默认GUI允许通过键盘快捷键和链接轻松浏览修改。

Answer 5

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