我必须比较两个网页并分析它们之间是否存在差异。 问题是:我需要包括每个 DOM 元素(也包括通过 javascript 动态添加的元素),并且我需要包括所有应用的 CSS 设置(也称为计算样式)。
例如:如果定义了 CSS :hover
设置,当我的鼠标悬停在该元素上时,我需要获得与未悬停在该元素上时不同的结果。
也许我可以对页面的每个元素进行 javascript 迭代,请求每个 css 设置和每个子 DOM 元素。但我认为这会花费很长时间,并且会破坏生成的 DOM 并使其更难比较。
有什么想法吗?谢谢!!
最佳答案
对于 Firefox,XmlSerializer是你的 friend 。
关于javascript - 如何从 HTML 页面中提取完整的 DOM 树,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7759659/