chrome-devtools

chrome-devtools 技能为 AI 代理程序提供直接且程序化的方式，通过模型上下文协议 (MCP) 控制实时运行的 Google Chrome 实例。利用 Chrome DevTools 协议与 Puppeteer，此技能实现了复杂的浏览器自动化、深度技术调试与网站性能评估。它专为需要 AI 助理与复杂 Web 应用交互、排查网络请求问题或执行重复性浏览器任务的软件工程师、QA 自动化专家与研究人员设计。代理程序会管理一个持久的浏览器配置文件，允许在多次交互中维持状态，并支持浏览器扩展。

• 使用来自页面快照的元素 UID 进行自动化浏览器导航、交互与内容提取。

• 高级网络请求监控、带有源码映射堆栈跟踪的控制台日志分析，以及通过截图捕捉视觉状态。

• 使用内置的 Chrome DevTools 基础设施进行性能追踪与网站审计。

• 扩展管理，包括安装、触发式动作执行与后台服务工作进程 (Service Worker) 检查。

• 支持多页面上下文处理，具备灵活的页面选择与导航工作流。

• 前置需求：需于本地安装 Node.js 以及最新版的 Google Chrome 或 Chrome for Testing。

• 安全性：代理程序具备检查与修改浏览器数据的能力，请确保浏览器实例未用于敏感的个人账户或凭证登录。

• 工作流优化：为加速交互，除非用户明确要求视觉确认，否则请优先使用基于文本的 take_snapshot 而非截图。

• 生命周期管理：浏览器会在第一次工具调用时启动；可通过 --categoryExtensions 或 --slim (针对基本任务) 等 CLI 参数进行性能自定义。

• 调试指南：若 MCP 服务器发生错误，标准的 Chrome DevTools UI 与说明文档是手动介入的首要备选方案。请注意，此工具支持并行执行，但必须严格遵循顺序依赖模式：导航、等待、快照、交互。