“内存”面板概览

Dale St. Marthe
Dale St. Marthe
LinkedIn

内存面板提供了诊断工具，可让您查看 JavaScript 对象的内存分配情况、发现和隔离内存泄漏、按函数获取内存分配明细等。

概览

借助内存面板，您可以捕获四种配置文件类型。这些配置文件类型可从不同角度显示快照，并提供不同的实用功能：

  • 堆快照：显示网页的 JavaScript 对象和相关 DOM 节点中的内存分配情况。
  • 时间轴上的分配插桩：显示插桩的 JavaScript 内存分配随时间变化的情况。记录分析后，您可选择一个时间间隔，以查看已在其中分配且到录制结束时仍保持活跃状态的对象。使用此分析类型隔离内存泄漏。
  • 分配采样：使用采样方法记录内存分配情况。此性能分析类型的性能开销最低，可用于长时间运行的操作。此工具能非常可靠地估计分配情况，并按 JavaScript 执行堆栈细分结果。
  • 已分离的元素：显示由 JavaScript 引用保留的对象。

您可以选择一个 JavaScript 虚拟机实例来运行每种配置文件。

如需了解详情，请参阅以下资源：

打开“内存”面板

如需打开内存面板，请执行以下操作：

  1. 打开开发者工具。
  2. 按以下键打开命令菜单：
    • macOS：Command+Shift+P
    • Windows、Linux、ChromeOS：Ctrl+Shift+P