内存面板提供了诊断工具,可让您查看 JavaScript 对象的内存分配情况、发现和隔离内存泄漏、按函数获取内存分配明细等。
概览
借助内存面板,您可以捕获四种配置文件类型。这些配置文件类型可从不同角度显示快照,并提供不同的实用功能:
- 堆快照:显示网页的 JavaScript 对象和相关 DOM 节点中的内存分配情况。
- 时间轴上的分配插桩:显示插桩的 JavaScript 内存分配随时间变化的情况。记录分析后,您可选择一个时间间隔,以查看已在其中分配且到录制结束时仍保持活跃状态的对象。使用此分析类型隔离内存泄漏。
- 分配采样:使用采样方法记录内存分配情况。此性能分析类型的性能开销最低,可用于长时间运行的操作。此工具能非常可靠地估计分配情况,并按 JavaScript 执行堆栈细分结果。
- 已分离的元素:显示由 JavaScript 引用保留的对象。
您可以选择一个 JavaScript 虚拟机实例来运行每种配置文件。
如需了解详情,请参阅以下资源:
打开“内存”面板
如需打开内存面板,请执行以下操作:
- 打开开发者工具。
- 按以下键打开命令菜单:
- macOS:Command+Shift+P
- Windows、Linux、ChromeOS:Ctrl+Shift+P
- 开始输入
memory
,选择显示内存,然后按 Enter 键。开发者工具会在开发者工具窗口的顶部显示内存面板。
或者,您也可以通过以下方式打开内存面板:
- 在顶部的操作栏中,点击 更多面板,然后从下拉列表中选择内存。
- 在右上角,依次选择 更多选项 > 更多工具 > 记忆。