查找内存泄漏并了解分离的DOM树

Question

我正在使用Chrome DevTools在空闲状态下检查应用程序中的内存泄漏。内存时间线记录看起来很好，在垃圾收集后JS堆中没有JS增加。

但是当我拍摄堆快照时，我可以看到存在分离的DOM树。这是否意味着内存泄漏？如果是，则为什么内存时间轴不记录堆大小增加。下面是堆快照的屏幕截图。

我还想了解它为分离的DOM树显示的信息。与红色接壤后，在文档DOM树/ 10656条目中 [6803] 。这个号码6803和10656是什么？提前感谢任何帮助。

Answer 1

您正在查看内存时间线选项卡中的错误图表。您需要为节点选择绿色复选框以调查DOM内存泄漏。

有两种内存泄漏问题，JS内存泄漏和DOM内存泄漏。在第一张图片中，您正在寻找JS内存泄漏，但在内存快照中，您检查了DOM内存泄漏。