Chrome 堆分析器中分离的 DOM 节点的颜色意味着什么？

当使用 Chrome 开发工具分析堆快照时，我似乎无法弄清楚查看分离 DOM 树时颜色的含义。红色和黄色有什么区别？

有一个很好的解释可以在这里找到 http://addyosmani.com/blog/taming-the-unicorn-easing-javascript-memory-profiling-in-devtools/.

来自文章：

红色节点没有 JavaScript 对其的直接引用，但是 之所以存在，是因为它们是独立 DOM 树的一部分。可能有一个 从 JavaScript 引用的树中的节点（可能作为闭包或 变量）但碰巧阻止了整个 DOM 树 正在被垃圾收集。

然而，黄色节点确实有直接 来自 JavaScript 的引用。寻找同一分离中的黄色节点 DOM 树来查找 JavaScript 中的引用。应该有一个 从 DOM 窗口到元素的属性链（例如 window.foo.bar[2].baz）。