https://developers.google.com/web/tools/chrome-devtools/memory-problems 解決內(nèi)存問題的chrome官方文檔
https://blog.csdn.net/bug_zero/article/details/54883083 另一個說明
但實際操作中還是有一些問題, 主要為
- 多數(shù)時候take heap snapshot獲取到的快照中, 搜索detached元素時得到的dom樹全部標紅, 這跟文檔上說明的關(guān)注標黃的元素不一樣, 此時可以根據(jù)引用后面的@xxxxx id標識, 查找到對應的內(nèi)存實例, 比如HTMLDivElement/Array, 一路定位到實際的引用位置.
- 在官網(wǎng)的示例中, 查找到detached元素時, 可以明確看到對應的引用變量, 但是實際操作時, 有時會得到例如
<Symbol> in global這樣的指示, 此時就無法往下定位了.
實際操作上, 最簡單的方法還是一個個模塊去定位, 刪除其他模塊只留一個模塊的情況下, 查看是否存在內(nèi)存泄漏, 這樣可以大幅縮小范圍.
