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

时间:2020-03-05 18:49:02  来源:igfitidea点击:

我从创意团队那里收到HTML页面,然后用它们来构建aspx页面。我经常面临的一个挑战是让我吐出的HTML与他们的HTML完全匹配。我几乎总是最终搞砸了我的页面和母版页面之间的<div>嵌套。

有谁知道在这种情况下会有所帮助的工具-一种可以比较两页并输出结构差异的工具?我无法使用标准的差异工具,因为ID会从我从广告素材收到的内容发生变化,文字会替换lorem ipsum等。

解决方案

回答

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

回答

我在考虑XML Diff,因为HTML可以表示为XML文档。
HTML面临的挑战是,它可能并不总是格式正确的。在这里发现了另外一个示例,展示了如何使用XMLDiff类。

回答

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

回答

我们可以使用HTMLTidy将HTML转换为格式正确的XML,从而可以使用XML Diff,如Gulzar建议的那样。

tidy -asxml index.html

回答

我从这里得到的答案的副本。

DaisyDiff怎么样(提供Java和PHP版本)。

以下功能非常好:

  • 与格式不正确的HTML配合使用,这些HTML可以在"野外"找到。
  • 与XML树相比,差异在HTML方面更加专业。更改文本节点的一部分不会导致整个节点被更改。
  • 除了默认的视觉差异外,还可以连贯地对HTML源进行差异化。
  • 提供易于理解的更改描述。
  • 默认的GUI允许通过键盘快捷键和链接轻松浏览修改。