Chrome 146 autoConnect 转正：AI 编程助手终于能直连你正在使用的浏览器了

之前的痛点

Chrome DevTools MCP 是 Google 去年 9 月发布的一个 MCP Server。MCP（Model Context Protocol）是 Anthropic 提出的开放协议，让 AI 模型能连接外部工具和数据源，可以理解为 AI 助手的"万能插头"。Chrome DevTools MCP 通过这个协议，让 Claude Code、Cursor、Gemini CLI 这些 AI 编程助手能"看见"浏览器里发生的一切——启动 Chrome、打开网页、录制性能 trace、检查网络请求、查看控制台报错，然后根据真实的浏览器数据帮你修 bug。

但之前有个很烦的问题：MCP Server 每次都会启动一个全新的 Chrome 实例，用独立的用户数据目录。

你的登录状态没了。调试一个需要登录才能访问的页面？AI 打开的新浏览器压根没登录，它看不到你要调试的内容。有些网站还会检测 WebDriver 控制直接阻止登录。

你的调试上下文也断了。你在 DevTools 的 Network 面板里发现了一个异常请求，想让 AI 来分析？做不到，因为 AI 连接的是另一个浏览器实例。

说实话这个问题我当时就踩过，折腾半天发现 AI 根本看不到我已经登录的后台页面，体验很割裂。

这个功能从 Chrome 144 就开始支持了，但一直只在 Beta 通道，配置还得加 --channel=beta。现在 146 稳定版发了，普通用户直接就能用。

两步配置搞定

第一步，在 Chrome 里开启远程调试。

地址栏输入 chrome://inspect/#remote-debugging，打开开关就行。

第二步，配置 MCP Server。

不需要再加 --channel=beta 了，直接用：

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp", "--autoConnect"]
    }
  }
}

Claude Code 用户可以用命令行一行搞定：

claude mcp add chrome-devtools -- npx chrome-devtools-mcp --autoConnect

连接时 Chrome 会弹一个对话框问你是否允许远程调试连接，点"允许"就行。调试期间浏览器顶部会显示一个"Chrome 正被自动测试软件控制"的横幅提示，这是正常的。

这打开了什么样的玩法

核心变化就一句话：AI 能看到你在浏览器里的一切操作了。

它能学习你的操作反馈，捕捉网站后台信息，你也可以和 AI 配合一起操作。比如你在后台页面发现了一个数据异常，直接让 AI 分析当前页面的网络请求和控制台日志，它能基于你已经登录的真实环境来排查问题，而不是在一个空白浏览器里瞎猜。

对于做独立产品的人来说，这个能力相当实用。你一个人既要写代码又要调试前端，现在 AI 助手真的能"坐在你旁边"看着你的屏幕帮你干活了。

如果你已经在用 Claude Code 或 Cursor 做开发，强烈建议把这个配上试试。两分钟的配置，换来的是 AI 助手从"盲人摸象"到"亲眼所见"的质变。