Chrome DevTools 发布 MCP 服务器供 AI 编码助手使用

发布时间 2026-10-08 1 小时前
来源 GitHub TypeScript
字数 68 字
查看原文

智能总结

Chrome 团队推出 chrome-devtools-mcp,作为 MCP 服务器让 Claude、Cursor 等 AI 编码代理控制和检查浏览器。

打开项目

这个项目是干什么的

这个项目叫 chrome-devtools-mcp,简单说就是把 Chrome 浏览器"借"给 AI 编码助手用。它跑在本地,作为一个 MCP 服务器,能让 Claude、Cursor、Copilot 之类的 AI 工具直接打开真实的 Chrome,去操作页面、抓网络请求、看控制台报错、截图,甚至录一段性能追踪来分析哪里卡。它底层用的是 Puppeteer,所以操作网页时会傻傻地等结果,加载完了才动下一步,比普通脚本稳得多。

最典型的用法是让 AI 帮你排查前端问题。比如页面加载慢、网络请求挂掉、控制台一片红、自己写的代码 sourcemap 后看不出哪一行炸了,这些以前得自己开 DevTools 一点点翻,现在直接跟 AI 说"帮我看看这个页面为啥这么慢",它就能自己开浏览器跑一遍,把数据拿出来给你看。它还自带一个性能分析模式,会调用 Chrome DevTools 的录 trace 能力,再顺手拉一份真实用户的使用数据(CrUX)做对比,给你更全面的判断。

需要提醒的是,它正式只支持 Google Chrome 和 Chrome for Testing,别的 Chromium 内核浏览器虽然可能也能跑,但不保证没问题。另外因为 AI 能看到浏览器里的所有东西,别拿它去开有敏感数据的页面。还有就是默认会往 Google 发送一些使用统计和更新检查的请求,怕被收集的话在启动参数里关掉就行。