No.7

来源: https://developer.chrome.com/blog/chrome-devtools-mcp-debug-your-browser-session?hl=zh-cn

作者: Sebastian Benz, Alex Rudenko

发布时间: 2025年12月11日

Chrome M144（Beta）新增功能，允许 Chrome DevTools MCP 服务器请求远程调试连接，让编码代理能够直接连接到活跃的浏览器会话。

核心功能

1. 重复使用现有浏览器会话 编码智能体可以直接访问您当前的浏览会话，无需额外登录。适合修复登录后才能访问的问题。

2. 访问活跃的调试会话 编码代理可以在开发者工具界面中访问活跃的调试会话：

可以在"网络"面板中选择失败的网络请求，让代理调查
可以在"元素"面板中选择元素，让代理调查问题

使用方法

第 1 步：在 Chrome 中设置远程调试

前往 chrome://inspect/#remote-debugging 启用远程调试
按照对话框中的说明允许或禁止传入的调试连接

第 2 步：配置 Chrome DevTools MCP 服务器

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest", "--autoConnect", "--channel=beta"]
    }
  }
}

注意：在 Chrome M144 到达稳定版之前，需指定 --channel=beta

第 3 步：测试设置 运行提示：Check the performance of https://developers.chrome.com

MCP 服务器会显示对话框请求用户授权，点击"允许"后即可进行性能轨迹分析。

安全机制

Chrome 会显示对话框请求用户授予远程调试权限
调试会话处于活动状态时，Chrome 顶部会显示"Chrome 正受到自动测试软件的控制"横幅

未来计划

计划通过 Chrome DevTools MCP 服务器逐步向编码代理公开越来越多的面板数据。

收藏时间: 2026-03-14 21:36

让编码智能体使用 Chrome DevTools MCP 调试您的浏览器会话

AI 核心摘要

核心功能

使用方法

安全机制

未来计划