SuperAPI AI 工具集

chrome-devtools

测试与质量

查看项目

更新于 10-16 03:37

技能介绍

用途:通过 MCP 让 AI 调用 Chrome DevTools,进行网页调试、故障排查与浏览器自动化操作。

主要能力:浏览器生命周期管理,首次工具调用时使用持久化 Chrome 配置文件自动启动;页面选择(list_pages 查看、select_page 切换);元素交互,先用 take_snapshot 获取带 uid 的页面结构再执行 click、fill 等;可通过 take_screenshot 做视觉检查,用 evaluate_script 获取无障碍树之外的数据。

使用方式:以 npx chrome-devtools-mcp@latest 启动 MCP 服务,用 --help 查看 CLI 参数。需扩展工具时加 --categoryExtensions,需内存工具时加 --memoryDebugging。典型流程为:navigate_page 或 new_page 导航 → wait_for 等待 → take_snapshot 快照 → 用 uid 交互。大数据量输出可用 filePath,配合 pageIdx、pageSize 分页与 types 过滤;输入操作可设 includeSnapshot: false 减少数据。工具调用可并行,但需保持导航→等待→快照→交互的顺序。

适用场景:网页调试与故障排查、浏览器交互自动化、扩展程序测试,以及让 AI 基于页面结构执行操作。

限制:扩展工具需在 MCP 配置中启动 --categoryExtensions 并重启 MCP 服务或 AI 客户端后才可用。若工具能力不足,可改用 Chrome DevTools 界面;启动 chrome-devtools-mcp 或 Chrome 出错时可参考其 troubleshooting 文档。具体收费与平台支持等资料暂未提供。