javascript - chrome堆配置文件中的InternalNode是什么

Question

我正在使用 Chrome DevTools 堆快照工具诊断基于 jQuery 的单页应用程序中的内存泄漏，如https://developer.chrome.com/docs/devtools/memory-problems/#discover_detached_dom_tree_memory_leaks_with_heap_snapshots中所述

我已经通过这种方式解决了一些问题，但我现在遇到了一个障碍，我无法再确定是什么将对象保留在内存中。例如，对于其中一个对象，它返回以下保持器：

据我所知，该对象被保留是因为它在单击事件的闭包范围内使用。但是点击事件是在一个分离的 HtmlDivElement 上，它应该被垃圾收集。它通过 InternalNode 对象以某种方式链接到窗口对象。我在整个互联网上进行了搜索，但找不到这些 InternalNode 对象是什么。

我的问题是，这些 InternalNode 对象是什么以及如何“释放”它们以便我的对象被垃圾收集。

标签： javascriptjquerymemory-leaksgoogle-chrome-devtools

Answer 1

TL;DR
Leak 是由https://crbug.com/1177010
单击分离元素之外的元素引起的，可防止发生内存泄漏。

---

在@wOxxOm的评论之后，我编译了一个enable_additional_blink_object_names启用了标志的 Chromium 版本，以便它显示InternalNode对象的名称。似乎blink:MouseEventManager正在阻止分离的 dom 元素被垃圾收集。

这最终将我带到https://crbug.com/1177010，我可以通过在获取另一个堆快照之前单击分离元素外部来确认。