chrome memory 使用方法

来源：互联网 2023-03-16 23:59:09 198

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

工具/原料

打开chrome浏览器，进入百度页面

chrome memory 使用方法

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

chrome memory 使用方法

2相关内容未经授权抓取自百度经验

点击F12出来的界面中的【Memory】选项，可以看到三个主要的选项：

1）Heap snapshot：堆快照

2）Allocation instrumentation on timeline：分时段的内存占用

3）Allocation sampling：分配抽样

chrome memory 使用方法

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

chrome memory 使用方法

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

chrome memory 使用方法

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

chrome memory 使用方法

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

chrome memory 使用方法

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！