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

Question

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

我想知道的是 - 是否有一些方法可以转储整个页面的DOM和所有属性之前和之后，以便我可以运行diff并查看留下的内容？我知道我可以从Web检查器复制出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