Chrome Heap Profilerで分離されたDOMノードの色はどういう意味ですか？

Question

Chromeのdevtoolsを使用してヒープスナップショットを解析すると、分離されたDOMツリーを表示しているときの色の意味を理解できないようです。赤&黄色の違いは何ですか？

Answer 1

available hereという良い説明があります。記事から

：

赤ノードはJavaScriptからそれらへの直接の言及を持っていないが、彼らは切り離さDOMツリーの一部だから は生きています。 JavaScriptから参照されるツリー内に ノードがあります（閉鎖または 変数である可能性があります）が、同時に からガベージコレクションされているDOMツリー全体が同時に防止されています。

イエローノードは、JavaScriptから直接 という参照があります。同じデタッチされた DOMツリーで黄色のノードを探し、JavaScriptから参照を探します。 の一連のプロパティが、DOMウィンドウから要素（例：window.foo.bar [2] .baz）につながるはずです。

Answer 2

私は決定的な答えを見つけることができますが、これは一貫して真のようだ：

赤の背景には、クロージャ内の変数から参照される切り離さDOMノードを示します。

黄色い背景は、オブジェクトのプロパティまたは配列要素から参照されるデタッチされたDOMノードを示します。