javascript - 在事件之前和之后比较 DOM/所有属性的方法？

Question

我遇到了一个问题，当我多次重复 3dtransform 时，它开始以奇怪的方式降低性能。

我想知道的是——是否有某种方法可以转储整个页面 DOM 以及之前和之后的所有属性，以便我可以运行 diff 并查看留下了什么？我知道我可以从网络检查器中复制 html，但是有没有办法转储所有元素及其所有属性？我知道这会很长，但希望一旦运行，差异会相对较短。

Answer 1

您可以在文档对象上使用 MutationObserver 来获取在给定时刻开始观察的 dom 的架构/属性/属性更改。

https://developer.mozilla.org/en-US/docs/DOM/MutationObserver http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers