Chrome DevTools性能面板内存图表无数据问题求助

• 确认录制前已勾选内存相关选项
  录制性能数据前，点击录制按钮旁的下拉箭头，确保JS堆、DOM节点等内存指标的复选框已被勾选。默认情况下可能只开启了主线程采集，未启用内存数据捕获。

• 排除浏览器扩展干扰
  部分扩展（如隐私防护、广告拦截工具）会干扰DevTools的数据采集。打开Chrome隐身窗口（无扩展加载状态），重新录制性能数据，观察内存图表是否正常显示。

• 重置DevTools设置
  若DevTools配置被误修改，可能导致内存数据无法采集。点击DevTools右上角的三个点图标 → 设置 → 找到恢复默认值并重新加载选项，重置后重启DevTools再尝试录制。

• 验证页面是否有足够内存活动
  静态页面或内存变化极小的页面，内存图表可能呈现“空白”状态。尝试打开动态交互丰富的页面（如包含大量DOM操作、JS对象创建的页面），或在测试页面中添加内存操作代码（比如循环创建DOM元素），再进行录制。

• 排查系统资源与版本问题

  • 检查macOS系统内存占用：打开「活动监视器」，关闭其他高内存占用应用，确保Chrome有足够资源采集数据。
  • 尝试切换Chrome版本：若当前稳定版存在bug，可临时切换到Beta/Dev版本，或回退至上一稳定版测试。

内容的提问来源于stack exchange，提问作者paro-paro