Chromeのdevtoolsを使用してヒープスナップショットを解析すると、分離されたDOMツリーを表示しているときの色の意味を理解できないようです。赤&黄色の違いは何ですか?Chrome Heap Profilerで分離されたDOMノードの色はどういう意味ですか?
13
A
答えて
14
available hereという良い説明があります。記事から
:
赤ノードはJavaScriptからそれらへの直接の言及を持っていないが、彼らは切り離さDOMツリーの一部だから は生きています。 JavaScriptから参照されるツリー内に ノードがあります(閉鎖または 変数である可能性があります)が、同時に からガベージコレクションされているDOMツリー全体が同時に防止されています。
イエローノードは、JavaScriptから直接 という参照があります。同じデタッチされた DOMツリーで黄色のノードを探し、JavaScriptから参照を探します。 の一連のプロパティが、DOMウィンドウから要素(例:window.foo.bar [2] .baz)につながるはずです。
2
私は決定的な答えを見つけることができますが、これは一貫して真のようだ:
赤の背景には、クロージャ内の変数から参照される切り離さDOMノードを示します。
黄色い背景は、オブジェクトのプロパティまたは配列要素から参照されるデタッチされたDOMノードを示します。
+0
+1私は繰り返し、黄色の背景もDOM以外の要素にも見えますが、 – jayarjo
関連する問題
- 1. numactlのノードの距離はどういう意味ですか?
- 2. 「ls」の色分けされた結果は、Macの端末ではどういう意味ですか?
- 3. gitkではエッジの色はどういう意味ですか?
- 4. Chrome V8エンジンソースでは、どういう意味ですか?
- 5. Chromeのタイムラインの赤線はどういう意味ですか?
- 6. PhpStormのメソッドの色はどういう意味ですか?
- 7. gourceの円の色はどういう意味ですか?
- 8. 「ハードコードされた」とはどういう意味ですか?
- 9. Chromeコードインスペクタ - «== $ 0»とはどういう意味ですか?
- 10. chrome v8 engine embeded nodejとはどういう意味ですか?
- 11. Javascript - Chrome Console - 「Array(0)」とはどういう意味ですか?
- 12. linuxの意味はどういう意味ですか?
- 13. %%はどういう意味ですか?
- 14. クラス<<自分はどういう意味ですか?
- 15. grunt.jsファイルでは、ネストされたオブジェクトリテラルはどういう意味ですか?
- 16. Java NIO:IOException:壊れたパイプはどういう意味ですか?
- 17. Google Chrome DevTools Profilerで(アイドル)とは何を意味していますか?
- 18. nibNameOrNilはどういう意味ですか? XCodeの-生成されたビューコントローラの
- 19. scalaこれはどういう意味ですか? "{/ *コンパイルされたコード* /}"
- 20. タスクがキャンセルされました - これはどういう意味ですか?
- 21. コントローラ&ディレクティブで分離されたDOMを削除するにはどうすればよいですか?
- 22. 階層ビューアで色付きのバブルはどういう意味ですか?
- 23. それはどういう意味ですか - SSLでのログイン
- 24. これはシェルスクリプトではどういう意味ですか? $ {1 + "$ @"}?
- 25. どういう意味ですか?:意味ですか? Apacheの設定ファイルで
- 26. どういう意味ですか? OR?
- 27. ノード文書内のこの `... $ {...} ...`コードはどういう意味ですか?
- 28. Chromeのスタイルインスペクタでクラススタイルがグレー表示されるとはどういう意味ですか?
- 29. Chromeデベロッパーツールの[スコープ]パネルで、色の意味は何ですか?
- 30. Javascriptでこれはどういう意味ですか?
貴重な編集のためのThx! –