导读：谷歌推出了 Chrome DevTools MCP服务器公测，能够让 AI 编程助手直接在浏览器中调试网页，实时检测代码效果和性能问题。

在传统开发中，AI 编程助手虽然能生成代码，但无法直接观察这些代码在浏览器中的实际表现。而 Chrome DevTools MCP服务器的出现，改变了这一局面。通过 MCP 协议，AI助手可以接入 Chrome DevTools，直接调试网页、查看性能数据，从而更准确地定位和修复问题。

MCP 是一个开源标准，用于连接大型语言模型与外部工具和数据源。此次推出的 Chrome DevTools MCP 服务器，扩展了 AI 编程助手的能力，让它们能够在浏览器环境中完成诸如性能分析、调试页面元素、诊断网络请求等操作。

举几个应用场景：

• 实时验证代码修改：AI 生成修复方案后，可通过 MCP 自动验证网页是否按预期运行。
• 诊断网络和控制台错误：分析网络请求，排查 CORS 问题，检查控制台日志以发现功能异常原因。
• 模拟用户操作：填写表单、点击按钮，重现复杂操作流程，同时观察运行时环境。
• 调试样式与布局问题：连接到页面，检查 DOM 和 CSS，提出修复复杂布局问题的建议。
• 自动化性能审计：运行性能追踪，分析结果，并针对特定性能问题提出优化方案。

用户可以通过简单配置，让 AI 助手接入 MCP 服务器，例如在 MCP 客户端中添加 Chrome DevTools 配置条目，然后在 AI 助手中发出相关指令即可开始调试和分析。

谷歌表示，MCP 服务器仍在迭代中，此次公测版本只是起步。开发者和工具厂商的反馈，将直接影响后续功能的增加和优化。感兴趣的开发者可以在 GitHub 上查看文档或提交问题。

参考资料:https://developer.chrome.com/blog/chrome-devtools-mcp?hl=en