真没想到!很多 coding agent 还在靠截图猜页面,Chrome 官方已经把完整 DevTools 开给它们了。

真没想到!很多 coding agent 还在靠截图猜页面,Chrome 官方已经把完整 DevTools 开给它们了。

ChromeDevTools/chrome-devtools-mcp,约 5.4 万 Stars,Apache-2.0。给 Claude、Cursor、Copilot 这类 coding agent 接上实时 Chrome:自动化、调试、性能分析都能走 MCP 或 CLI。

以前要么自己拼 Puppeteer,要么让模型对着截图瞎猜;现在官方 MCP + Skills,直接控制真浏览器。

核心能力:
录制性能轨迹,抽出可执行的优化建议
抓网络请求、截图、看带 source map 的控制台报错
用 Puppeteer 可靠点选,自动等结果再继续
自带 7 个 Skills:无障碍、Cookie、LCP、内存泄漏等
一键装成 Claude Code / Copilot / Gemini CLI 插件
也有独立 chrome-devtools CLI,不走 MCP 也能用

真正有用的是:Agent 不再「假装能看浏览器」,而是真能进 DevTools。写前端、查线上慢、修无障碍的,值得装一份。

https://github.com/ChromeDevTools/chrome-devtools-mcp



分类