SuperAPI AI 工具集

chrome-devtools-mcp-automation

智能体与模型

查看项目

更新于 10-15 22:10

技能介绍

用途:Chrome DevTools MCP(chrome-devtools-mcp)是一个 MCP 服务器,为 AI 编程代理提供对 Chrome 的完整控制,用于浏览器自动化、网页应用调试、性能分析与网络检查。它把 Chrome DevTools Protocol 与 Puppeteer 能力封装为 MCP 工具。

主要能力:浏览器控制类工具包括 browser_navigate(导航)、browser_click(点击)、browser_type(输入)、browser_screenshot(截图,支持整页或元素)、browser_evaluate(在页面执行 JavaScript)。调试与检查类包括 browser_console(获取控制台消息)、browser_network(检查网络请求,可按资源类型过滤)、browser_cookies(读取、设置、删除 Cookie)。性能类包括 performance_record(录制性能 trace,可设时长与网络限速)与 performance_analyze(分析指标,可选包含 CrUX 字段数据)。

使用方式:在 MCP 客户端(如 Claude Desktop、Cursor、VS Code)配置中加入 mcpServers 项,命令为 npx,参数为 -y chrome-devtools-mcp@latest。也可全局安装后使用 CLI:npm install -g chrome-devtools-mcp,再运行 chrome-devtools-mcp --help。常用参数包括 --headless、--slim(仅基础浏览器任务)、--no-performance-crux、--no-usage-statistics、--browser-url=http://127.0.0.1:9222(连接已有浏览器)、--chrome-path。环境变量有 CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS、CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS,CI=true 可关闭统计。

适用场景:表单提交测试、网页数据抓取、性能审计(含 Core Web Vitals)、网络监控、截图对比、控制台错误调试等自动化流程。

限制与要求:需要 Node.js v20.19+、Chrome 稳定版或更新版本以及 npm。iframe 内元素暂不支持。性能 trace 可能不完整,可延长时长或关闭限速;CrUX API 可能触发速率限制,可用 --no-performance-crux 关闭。高内存占用时建议使用 --headless 或 --slim。敏感数据应使用环境变量而非硬编码。具体收费、价格与平台支持范围资料暂未提供。