使用 Chrome DevTools MCP 1.7 调试内存泄漏

不要再向你的 AI 助手喂送巨大的堆快照 (heap-snapshot) 文件了。这些文件会撑爆上下文窗口并导致错误的推断。

Chrome DevTools MCP 1.7 让 AI Agent 无需解析原始数据即可调试内存。新工具能够直接精准定位泄漏点。

1.7 版本的新特性

  • Object-details 工具可显示精确的元数据。
  • Summaries 列出原生上下文及其大小。
  • Filters 用于隔离选定的对象。
  • Agent 获得了升级后的泄漏检测逻辑。
  • Diagnostic workers 的清理工作更加可靠。

三快照协议

  1. 捕获一个基准快照。
  2. 执行 10 次可疑操作,然后捕获一个目标快照。
  3. 逆向执行该操作并捕获最后一个快照。

只有当最后一个快照中的内存依然保持高位时,才能确认存在泄漏。

工作流

  • 对比 Summaries;寻找增长点。
  • 找出累积内存最多的类 (classes)。
  • 识别所有者(页面、框架或上下文)。
  • 深入研究特定的对象实例及其保留路径 (retaining paths)。
  • 修复链条中指向你代码的第一个环节。

常见误区

  • 严禁在快照之间更改构建版本或循环次数。
  • 不要将每个大字符串都视为泄漏。
  • 完成后请关闭每个快照。
  • 绝不要跳过逆向操作步骤。

这种方法适用于 Claude Code、Cursor、Copilot 或任何处理浏览器或 Node.js 内存问题的 MCP 兼容 Agent。

来源:https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.7.0

可选学习社区:https://t.me/GyaanSetuAi