Chrome DevTools MCP

它就像给你的 AI 助手装上了眼睛和手，让它能直接操作 Chrome 浏览器，而不仅仅是写代码。

过去 AI 写完代码只能靠你手动去浏览器点一点，现在它自己能截图、看控制台报错，甚至帮你跑通流程，解决“代码写好了但网页跑不通”的痛点。

正在使用 AI 编程工具（如 Cursor、Copilot）的开发者，需要让 AI 自动测试网页、抓取数据或调试前端问题的程序员。

1. 让 AI 自动跑一遍登录流程，检查报错。

2. 自动截取网页运行效果对比图。

3. 分析网页加载速度并优化代码。

谷歌官方出品，基于原生 DevTools 协议，比第三方脚本更稳定，能获取深层性能数据。

需要安装 Node.js 和 Chrome，并在 AI 工具中配置 MCP 连接，有一定技术背景。