c# - 关于如何构建 HTML Diff 工具的建议？

Question

在this post我问是否有任何工具可以比较 2 个 HTML 页面的结构(不是实际内容)。我问是因为我从我们的设计师那里收到了 HTML 模板，并且在我的实现中经常错过微小的格式更改。然后我会浪费几个小时的设计师时间来筛选我的页面以找出我的错误。

该主题提供了一些不错的建议，但没有一个符合要求。 “那好吧”，我想，“我自己来做一个。我是一个还算不错的开发人员，对吧？”。

好吧，一旦我开始考虑这个问题，我就不太清楚该怎么做。我可以轻而易举地创建一个数据驱动的网站，或者执行 CMS 实现，或者整天在 BizTalk 中输入和输出文档。无法开始弄清楚如何比较 HTML 文档。

当然，我必须读取 DOM，并遍历节点。我必须将结构映射到一些数据结构(如何？？)，然后比较它们(如何？？)。这是一项我从未尝试过的开发任务。

因此，既然我已经确定了我的知识薄弱环节，我就面临着更大的挑战来解决这个问题。关于如何开始的任何建议？

澄清:实际的内容不是我想要比较的——有创造力的人用lorem ipsum填充他们的页面，而我使用真实的内容。相反，我想比较结构:

<div class="foo">lorem ipsum<div>

不同的是

<div class="foo">
<p>lorem ipsum<p>
<div>

Answer 1

DOM 是一种数据结构 - 它是一棵树。