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

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

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

1）Heap snapshot：堆快照

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

3）Allocation sampling：分配抽样

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

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

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

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