资讯专栏INFORMATION COLUMN

利用Chrome的Heap Snapshot功能分析一个时间段内的内存占用率

JessYanCoding / 1098人阅读

摘要:从下拉菜单里选择在下图里用变量名做即可找出在和之间内存占用最高的变量将鼠标停留在上即可查看这个变量包含的内容

在下图测试代码第13行和第16行设断点. 以调试方式运行,首先断点在第13行处触发:

打开Chrome开发者工具,点击Profiles tab, 再点击按钮"Take Snapshot":

生成一个Snapshot, ID为3:

继续以调试mode执行代码到第16行,点击按钮"Take heap snapshot"以生成第二个snapshot。从下拉菜单里选择"Objects allocated between Snapshot 3 and Snapshot 4":

在下图Summary里用变量名"arra"做filter,即可找出在snapshot3和snapshot4之间内存占用最高的变量arra:

将鼠标停留在arra上即可查看这个变量包含的内容:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92958.html

相关文章

  • 利用ChromeHeap Snapshot功能分析一个间段内存用率

    摘要:从下拉菜单里选择在下图里用变量名做即可找出在和之间内存占用最高的变量将鼠标停留在上即可查看这个变量包含的内容 在下图测试代码第13行和第16行设断点. 以调试方式运行,首先断点在第13行处触发: showImg(https://segmentfault.com/img/remote/1460000013409683); 打开Chrome开发者工具,点击Profiles tab, 再点击...

    weizx 评论0 收藏0
  • 利用ChromeHeap Snapshot功能分析一个间段内存用率

    摘要:从下拉菜单里选择在下图里用变量名做即可找出在和之间内存占用最高的变量将鼠标停留在上即可查看这个变量包含的内容 在下图测试代码第13行和第16行设断点. 以调试方式运行,首先断点在第13行处触发: showImg(https://segmentfault.com/img/remote/1460000013409683); 打开Chrome开发者工具,点击Profiles tab, 再点击...

    HollisChuang 评论0 收藏0
  • jvm调优

    摘要:一内存调优主要的目的是减小的频率和的次数。调优工具之主要用来输出中运行的进程状态信息。调优工具之和用来查看堆内存使用状况,一般结合使用。 一、jvm内存调优 主要的...

    snowLu 评论0 收藏0
  • 【前端进阶之路】内存基本知识

    摘要:在运行脚本时,需要显示的指定对象。大对象区每一个区域都是由一组内存页构成的。这里是唯一拥有执行权限的内存区。换句话说,是该对象被之后所能回收到内存的总和。一旦活跃对象已被移出,则在旧的半空间中剩下的任何死亡对象被丢弃。 内存管理 本文以V8为背景 对之前的文章进行重新编辑,内容做了很多的调整,使其具有逻辑更加紧凑,内容更加全面。 1. 基础概念 1.1 生命周期 不管什么程序语言,内存...

    Simon_Zhou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<