让 AI 写网页，难点不只在“写出来”，还在于它能不能亲眼确认页面是否正常：按钮有没有反应、请求是否失败、控制台是否报错。ChromeDevTools 推出的 chrome-devtools-mcp，正是把这双“眼睛”交给编码 Agent——能读取和修改代码、调用工具并连续完成开发任务的 AI 助手。
它以 MCP（让 AI 统一连接外部工具和数据的协议）服务端运行，让 Agent 控制并检查一个正在运行的 Chrome。Agent 可以分析网络请求、截图、查看带源码定位的控制台报错，还能记录性能轨迹并提取改进线索；自动操作由 Puppeteer 执行，并会等待操作结果。没有接入 MCP 的程序，也可通过 CLI（终端命令界面）调用。
这意味着浏览器不再只是 Agent 最后打开的页面，而是写代码过程中可反复观察、验证和修正的调试环境。边界也很明确：它会把浏览器内容暴露给 MCP 客户端，项目提醒不要在其中放入不愿分享的敏感信息；目前官方只保证支持 Google Chrome 和 Chrome for Testing。