javascript - 如何从 HTML 页面中提取完整的 DOM 树

Question

我必须比较两个网页并分析它们之间是否存在差异。问题是:我需要包括每个 DOM 元素(也包括通过 javascript 动态添加的元素)，并且我需要包括所有应用的 CSS 设置(也称为计算样式)。

例如:如果定义了 CSS :hover 设置，当我的鼠标悬停在该元素上时，我需要获得与未悬停在该元素上时不同的结果。

也许我可以对页面的每个元素进行 javascript 迭代，请求每个 css 设置和每个子 DOM 元素。但我认为这会花费很长时间，并且会破坏生成的 DOM 并使其更难比较。

有什么想法吗？谢谢!!

Answer 1

对于 Firefox，XmlSerializer是你的 friend 。