养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

chrome memory 使用方法

时间:2024-11-10 15:17:29

chrome浏览器自带一个memory功能,可以查看当前网页的JavaScript占用的内存情况,本文就为你详细介绍使用方式

工具/原料

chrome

方法/步骤

1、打开chrome浏览器,进入百度页面

chrome memory 使用方法

2、在浏览器上按F12,进入开发者模式,打开后,看到如图所示界面

chrome memory 使用方法

3、点击F12出来的界面淘篱跬翎中的【Memory】选项,可以看到三个主要的选项:1)Heapsnapshot:堆快照2)Allocationinstrumentationontime造婷用痃line:分时段的内存占用3)Allocationsampling:分配抽样

chrome memory 使用方法

4、在【Memory】选项卡中,选中第一个,点击左上角的实心圆图标,就会开始快照当前内存堆中的信息,快照完成后,右侧自动显示各种对象占用的内存大小

chrome memory 使用方法

5、录制完成后,左侧会显示一个选项,点击鼠标右键有三个菜单,点击【Delete】就可以删除刚刚的快照,点击【Save】可以将快照保存起来,供今后查看,点击【Load】是重新加载右侧数据

chrome memory 使用方法

6、在【Memory】选项卡中,选中第二项,点击左上角的实心圆图标,这个是需要手动再次喘揲塾疖点击这个图标,用于结束录制的。录制璜模惜割完成后,同样可以看到这段时间内的JavaScript对象占用的内存,并且是可以拖动时间回看的

chrome memory 使用方法

chrome memory 使用方法

7、在【Memory】选项卡中,选中第三项,点击左上角的实心圆图标,这个需要手动再次点击这个图标,结束录制的。录制完成后,可以看到JavaScript对象占用的内存情况

chrome memory 使用方法

chrome memory 使用方法

© 一点知识