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

Question

我必须比较两个网页并分析它们之间是否有任何区别。问题是：我需要包含每个 DOM 元素（也是通过 javascript 动态添加的元素），并且我需要包含所有应用的 CSS 设置（又名计算样式）。

例如：如果:hover定义了 CSS 设置，当鼠标悬停在元素上时，我需要得到不同的结果，而不是在元素上时。

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

有任何想法吗？？谢谢！！

score 1 · Accepted Answer

1

对于 Firefox，XmlSerializer是您的朋友。

于 2011-10-14T01:52:46.800 回答

score 0 · Accepted Answer

我会检查硒。有一个命令 selenium.getHtmlSource(); 您可以在 javascript 函数发生后调用它。快速浏览后我发现了这个

和

我相信这不是你所希望的优雅方式，但我希望这能让你开始

2 回答 2