有没有工具可以比较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允许通过键盘快捷键和链接轻松浏览修改。