这东西怎么工作的
本质上就是 Chrome DevTools Protocol（CDP）套了一层 MCP。MCP 是现在 AI Agent 生态里越来越流行的工具调用协议，相当于给 AI 一个标准化的"插座"去连接各种外部工具。Google 这次做的事情是：把 Chrome 的调试能力（查看控制台日志、检查 DOM、分析网络请求、执行 JavaScript 等等）包装成 MCP 工具，让任何支持 MCP 的 AI 客户端都能直接调用。
说白了，你的 AI 编程助手现在多了一双"眼睛"——它不光能读写代码，还能看到代码在浏览器里跑出来是什么样。
怎么用起来
整个配置分两步：
第一步：开启 Chrome 远程调试
在 Chrome 地址栏输入 chrome://inspect#remote-debugging，启用远程调试功能。这是让外部程序（也就是你的 AI Agent）能连上 Chrome 的前提。
最新的 Chrome beta 版本已经内置了这个能力，不需要额外安装插件。它还提供了一个新的 "user" profile session，意味着 Agent 连接的是一个干净的浏览器环境，不会搞乱你的日常浏览数据。
第二步：在 AI 客户端配置 MCP 服务器
把 Chrome DevTools MCP 服务器的配置加到你的 AI 编程工具里（Claude Code、Cursor 等支持 MCP 的客户端都行）。配置完成后，Agent 会自动连接到正在运行的 Chrome 实例。
关键的一点是：Agent 会自己判断什么时候该用浏览器调试工具、什么时候该用其他工具。你也可以直接告诉它"去看看浏览器控制台有什么报错"。
对独立开发者意味着什么
如果你是一个人撸全栈，前端调试一直是最吃时间的环节之一。CSS 不对、API 请求失败、状态管理出 bug——每一个都需要你在编辑器和浏览器之间反复横跳。现在这个循环可以大幅缩短：AI 写完代码，自己去浏览器看效果，发现问题自己改，你只需要最后验收。
这也是 MCP 协议真正开始展现威力的一个信号。之前大家觉得 MCP 就是让 AI 能调个 API、查个数据库，但当它能直接操控浏览器的时候，Agent 的能力边界又往外推了一大圈。
想尝鲜的话，装一个 Chrome beta 版本，按上面的步骤配好，拿一个有 bug 的前端页面试试。你会发现，AI 不光能帮你写代码，它现在还能帮你"看"代码跑得对不对——这才是真正的全流程自动化。