### [Chrome DevTools MCP 来了，AI 编程智能体终于能直接调试浏览器](https://www.willai.cc/article/549)

**Published:** 2026-05-23T07:15:10

**Author:** hiyoho

**Excerpt:** Chrome 官方出手了 Chrome DevTools 团队这几天悄悄上线了一个新玩意——chrome-devtools-mcp。名字听起来很技术，但做的事其实挺有意思：让 AI 编程智能体能够直接”摸”到浏览器的开发工具。 以前 AI 

### Chrome 官方出手了

Chrome DevTools 团队这几天悄悄上线了一个新玩意——`chrome-devtools-mcp`。名字听起来很技术，但做的事其实挺有意思：让 AI 编程智能体能够直接”摸”到浏览器的开发工具。

以前 AI 写代码，基本就是在那儿纯文本推理，顶多看看静态代码。代码写出来能不能跑、跑起来有没有 bug、在浏览器里表现怎么样，AI 其实是不知道的。这个 MCP 项目就是来补这个短板的。

![Chrome DevTools MCP GitHub 仓库](https://opengraph.githubassets.com/1/ChromeDevTools/chrome-devtools-mcp)

Chrome DevTools MCP 项目已开源发布

### MCP 是个啥

MCP（模型上下文协议）是最近 AI 圈比较热的一个标准，用来让大模型和外部工具、数据源做标准化通信。Chrome 团队把这个协议用到了 DevTools 上，相当于给 AI 装了一双眼睛和一双手。

> AI 智能体现在可以像人类开发者一样，实时检查 DOM 树、监控网络请求、分析控制台日志、调试 JavaScript 执行。

这意味着什么？意味着 AI 不光能写代码，还能在真实浏览器环境里验证代码对不对、哪出问题了、怎么修。这个闭环一旦打通，前端自动化开发和 AI 自修复代码的能力会直接上一个台阶。

### 为什么这事值得关注

Chrome 官方出来推这个，信号挺明确的：浏览器厂商开始认真看待 AI 编程这个场景了。不是做个插件凑热闹，而是把核心调试能力通过标准化协议开放出来。

-   权威性有保障，Chrome 团队自己在维护
-   已经上了 NPM，能直接装进现有工作流
-   兼容 Claude、GPT 这些主流大模型
-   前端自动化、Web 测试、爬虫调试这些场景直接受益

* * *

### 对开发者意味着什么

如果你在用 Claude Code、Cursor 这类 AI 编程工具，这个 MCP 服务可以让它们直接操作浏览器调试，不用你手动去 DevTools 里查问题再贴给 AI 分析。AI 自己就能看 DOM、抓网络请求、打断点调试。

项目现在在 GitHub 上开源，搜 `ChromeDevTools/chrome-devtools-mcp` 就能找到。NPM 上也有打包好的版本，装完配置一下就能用。

📎 原文来源：[Chrome DevTools MCP – GitHub 官方仓库](https://github.com/ChromeDevTools/chrome-devtools-mcp)

**Tags:** AI, AI Agent, AI技术, Chrome, MCP

**Categories:** AI资讯

---