浏览器内存泄漏排查指南

1、setTimeout执行原理

使用setInterval/setTimeOut遇到的坑 - 掘金

2、Chrome自带的Performance工具

当我们怀疑页面发生了内存泄漏的时候，可以先用Performance录制一段时间内页面的内存变化。

• 点击开始录制
• 执行可能引起内存泄漏的操作
• 点击停止录制

如果录制结束后，看到内存的下限在不断升高的话，你就要注意了 —— 这里有可能发生了内存泄漏。

除了内存增长曲线，Nodes（Dom节点数曲线）、Document曲线以及Listener曲线也同样值得关注，有时候它们对内存问题的定位也很有帮助。

你怀疑发生了内存泄漏的时候，你就可以用Memory面板来进一步定位泄漏的源头了。

3、Chrome自带的Memory工具

从Memory的主界面开始，点击左上角的圆点就可以记录下当前的堆内存快照（heap snapshot）了。