关于如何构建HTML Diff工具的建议?

Dan*_*mal 11 html c# diff dom

这篇文章中,我问是否有任何工具可以比较2个HTML页面的结构(而不​​是实际内容).我问,因为我从设计师那里收到HTML模板,并经常错过我的实现中的次要格式更改.然后我浪费了几个小时的设计师时间筛选我的页面来发现我的错误.

该主题提供了一些很好的建议,但没有任何东西适合该法案."好吧,然后",我想,"我只是自己动摇一下.我是一个中等开发者,对吗?"

好吧,一旦我开始思考它,我就无法弄清楚如何去做.我可以轻松地创建一个数据驱动的网站,或者进行CMS实施,或者整天将文档放入和放出BizTalk.无法开始弄清楚如何比较HTML文档.

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

所以既然我已经发现了自己的知识上的弱点,那我就更难以解决这个问题.有关如何入门的任何建议?

澄清:实际内容不是我想要比较的 - 创意人用lorem ipsum填充他们的页面,我使用真实内容.相反,我想比较结构:

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

不同的是


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

Mik*_*ike -2

在浏览器中打开每个页面并将其另存为 .htm 文件。使用windiff 比较两者。