有什么方法可以找出导致DOM节点失控的代码？

Question

Chrome Dev Tools发现了一些问题similar to those posted here，创建的DOM节点数量超出了我的设计选择范围。

找出导致DOM节点失控的代码区域的好方法是什么？这些信息非常有用，但弄清楚如何处理这些信息似乎不如直接处理CPU配置文件那么简单。

Answer 1

我建议创建遍历DOM的代码，并收集有关DOM中节点的一些统计信息（标签类型，类名，id值，父级，子级数，textContent等等）。如果您知道页面中应该是什么，那么您应该能够查看此数据转储并确定您不期待的内容。您甚至可以在页面加载时运行代码，然后在页面运行一点后再次运行它并比较两者。

Answer 2

尝试获取两个堆快照（Profiles面板），一个具有少量DOM节点，一个包含大量DOM节点，然后比较并查看是否保留了许多节点。如果是，您将能够检测到主要保留者。