工具推荐
Google 发布 Chrome DevTools MCP:让 AI 编程助手直接调试你的浏览器
Google 为 Chrome DevTools MCP 服务器新增浏览器会话调试能力,Cursor、Claude Code 等 AI 编程工具可以直接连接当前浏览器标签页,实时查看控制台错误、网络请求和 DOM 状态。
Google 发布 Chrome DevTools MCP:让 AI 编程助手直接调试你的浏览器
工具推荐
核心更新
Google 在 Chrome DevTools 的 MCP(Model Context Protocol)服务器中新增了一项重要功能:让 AI 编程助手直接调试你正在使用的浏览器会话。
这意味着你在 Cursor、Claude Code 或其他支持 MCP 的 AI 编程工具中,可以让 AI 实时获取当前浏览器的:
- 控制台日志和错误信息
- 网络请求详情
- DOM 元素状态
- 性能指标
为什么重要
以前调试前端问题时,你需要手动把浏览器控制台的错误复制给 AI。现在,AI 可以自己「看到」浏览器里发生了什么,直接定位和修复问题。
这对全栈开发者特别有用——前后端联调时,AI 能同时理解代码和浏览器行为。
如何使用
- 安装最新版 Chrome DevTools MCP 服务器
- 在你的 AI 编程工具中配置 MCP 连接
- AI 即可直接访问浏览器调试信息