Khi phân tích ảnh chụp nhanh heap bằng cách sử dụng Chrome devtools, tôi dường như không thể tìm ra ý nghĩa của màu sắc khi xem DOM Cây bị tách rời. Sự khác nhau giữa màu đỏ & màu vàng là gì?Màu sắc có ý nghĩa gì đối với các nút DOM tách rời trong Trình tạo heap của Chrome?
Có giải thích tốt available here.
Từ bài viết:
nút đỏ không có tài liệu tham khảo trực tiếp từ hoạt Javascript để họ, nhưng còn sống bởi vì chúng là một phần của một cây DOM tách ra. Có thể có một nút trong cây được tham chiếu từ JavaScript (có thể là đóng cửa hoặc biến) nhưng trùng hợp ngẫu nhiên toàn bộ cây DOM từ là rác được thu thập.
Tuy nhiên, các nút màu vàng có tham chiếu trực tiếp từ JavaScript. Tìm các nút màu vàng trong cùng một cây được tách ra DOM để tìm các tham chiếu từ JavaScript của bạn. Phải có một chuỗi thuộc tính dẫn từ cửa sổ DOM đến phần tử (ví dụ: window.foo.bar [2] .baz).
tôi đã không tìm thấy một câu trả lời dứt khoát, nhưng điều này có vẻ là một cách nhất quán đúng:
Một nền màu đỏ cho thấy một nút DOM tách được tham chiếu từ một biến trong một đóng cửa.
Nền màu vàng biểu thị nút DOM tách rời được tham chiếu từ thuộc tính của đối tượng hoặc phần tử mảng.
+1 để quan sát, mặc dù tôi liên tục thấy nền màu vàng trên các phần tử không phải DOM. – jayarjo
Thx để chỉnh sửa có giá trị! –