chrome内存泄漏定位经验

https://developers.google.com/web/tools/chrome-devtools/memory-problems 解决内存问题的chrome官方文档
https://blog.csdn.net/bug_zero/article/details/54883083 另一个说明

但实际操作中还是有一些问题, 主要为

1. 多数时候take heap snapshot获取到的快照中, 搜索detached元素时得到的dom树全部标红, 这跟文档上说明的关注标黄的元素不一样, 此时可以根据引用后面的@xxxxx id标识, 查找到对应的内存实例, 比如HTMLDivElement/Array, 一路定位到实际的引用位置.
2. 在官网的示例中, 查找到detached元素时, 可以明确看到对应的引用变量, 但是实际操作时, 有时会得到例如<Symbol> in global这样的指示, 此时就无法往下定位了.

实际操作上, 最简单的方法还是一个个模块去定位, 删除其他模块只留一个模块的情况下, 查看是否存在内存泄漏, 这样可以大幅缩小范围.