Что означают цвета для отдельных узлов DOM в Chrome Heap Profiler?

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, на который ссылаются свойство объекта или элемент массива.