当前位置: 首页 > Web前端 > HTML5

利用Chrome的HeapSnapshot功能分析一段时间内的内存使用率

时间:2023-04-05 22:51:41 HTML5

,并在下图测试代码的第13行和第16行设置断点。要以调试模式运行,首先在第13行触发断点:打开Chrome开发者工具,单击Profiles选项卡,然后单击“TakeSnapshot”按钮:生成一个ID为3的快照:继续执行中的代码调试模式到第16行,然后单击按钮“Takeheapsnapshot”以生成第二个快照。从下拉菜单中选择“ObjectsallocatedbetweenSnapshot3andSnapshot4”:在下图中的Summary中使用变量名“arra”作为过滤器,找出snapshot3和snapshot4中内存占用最高的变量arra:将鼠标悬停在arra上可以查看这个变量的内容: