chrome-devtools-mcp

Chrome DevTools MCP这个项目，简单说就是给AI编程助手装上了一双"眼睛"和"双手"，让它们能真正操控和观察Chrome浏览器。目前已经接近5万星标，热度相当惊人。过去AI写代码基本靠猜，写完代码后无法验证运行效果，遇到bug也只能靠开发者自己手动打开浏览器排查。现在有了这个工具，Claude、Cursor、Copilot这类AI助手可以直接驱动一个真实的Chrome浏览器，像人类开发者一样打开网页、点击按钮、查看网络请求、读取控制台报错信息，甚至还能录制性能轨迹来分析页面卡顿原因。这相当于把AI从"盲写代码"升级成了"边写边测"的完整开发闭环，大幅提升了AI编程的可靠性和实用性。 技术层面最大的亮点是它基于MCP协议实现，让AI助手能标准化地调用Chrome DevTools的全部能力。底层用Puppeteer做自动化操作，但做了智能优化，会自动等待操作结果而不是盲目执行。性能分析功能直接调用了DevTools前端的trace录制能力，能提取出可操作的建议，不是给你一堆原始数据让开发者自己解读。另外还支持source-map，AI看到的堆栈信息是源码级别的，而不是压缩后的混淆代码，调试体验非常接近真实开发者。项目还提供CLI工具，不依赖MCP也能独立使用。 适用人群很广，前端开发者可以用它做自动化调试，AI应用开发者能借此构建更智能的编程助手，测试工程师也能用它做自动化测试。对新手来说，安装很简单，npm装个包就行，但需要了解MCP协议的基本概念，以及一定的前端开发基础。项目只官方支持Chrome和Chrome for Testing，其他Chromium内核浏览器可能能用但不保证稳定。需要注意的是，这个工具会把浏览器里的内容暴露给AI客户端，涉及敏感信息时务必谨慎。整体来说，这是AI辅助编程领域一个非常实用的基础设施，值得关注。