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

Question

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

我想知道的是 - 是否有某种方法可以在之前和之后转储整个页面DOM和所有属性，以便我可以运行差异并查看遗留的内容？我知道我可以从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