Chrome 浏览器内存泄漏(堆栈溢出)的识别方法

内存泄漏也称作堆栈溢出。JavaScript 中也同样存在内存泄漏(堆栈溢出)。那么怎样才能观察到内存泄漏呢?本文带你使用 Chrome 浏览器来识别它。

经验法则是,如果连续五次垃圾回收之后,内存占用一次比一次大,就有内存泄漏。这就要求实时查看内存占用。

Chrome 浏览器查看内存占用,按照以下步骤操作。

堆栈溢出

  1. 打开开发者工具,选择 Timeline 面板
  2. 在顶部的Capture字段里面勾选 Memory
  3. 点击左上角的录制按钮。
  4. 在页面上进行各种操作,模拟用户的使用情况。
  5. 一段时间后,点击对话框的 stop 按钮,面板上就会显示这段时间的内存占用情况。

如果内存占用基本平稳,接近水平,就说明不存在内存泄漏。

JavaScript 堆栈溢出

反之如上图所示就是内存泄漏了。

Chrome 浏览器内存泄漏(堆栈溢出)的识别方法

: » Chrome 浏览器内存泄漏(堆栈溢出)的识别方法

原创文章,作者:dweifng,如若转载,请注明出处:https://blog.ytso.com/251292.html

(0)
上一篇 2022年5月2日
下一篇 2022年5月2日

相关推荐

发表回复

登录后才能评论