5

I receive HTML pages from our creative team, and then use those to build aspx pages. One challenge I frequently face is getting the HTML I spit out to match theirs exactly. I almost always end up screwing up the nesting of <div>s between my page and the master pages.

Does anyone know of a tool that will help in this situation -- something that will compare 2 pages and output the structural differences? I can't use a standard diff tool, because IDs change from what I receive from creative, text replaces lorem ipsum, etc..

4

5 回答 5

5

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

tidy -asxml index.html
于 2008-09-08T09:10:21.403 回答
2

If out output XML compliant HTML. Or at least translate your HTML product into XML compliancy, you at least could then XSL your output to remove the content and id tags. Apply the same transformation to their html, and then compare.

于 2008-09-07T18:43:37.557 回答
1

我自己的答案的副本来自这里。

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

以下功能非常好：

  • 适用于可以“在野外”找到的格式错误的 HTML。
  • 差异在 HTML 中比 XML 树的差异更专业。更改部分文本节点不会导致更改整个节点。
  • 除了默认的视觉差异之外，HTML 源代码可以连贯地进行差异。
  • 提供易于理解的更改说明。
  • 默认 GUI 允许通过键盘快捷键和链接轻松浏览修改。
于 2009-10-20T09:00:53.767 回答
1

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

于 2008-09-07T18:46:04.803 回答
0

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

于 2008-09-07T19:22:16.433 回答