SuperAPI AI 工具集

chrome-devtools-mcp

智能体与模型

查看项目

更新于 10-15 21:55

技能介绍

用途:该技能通过 chrome-devtools MCP 服务器实现浏览器自动化与测试,适用于网页自动化、截图、检查控制台日志与监控页面。

主要能力:浏览器在首次工具调用时自动启动并使用持久化 Chrome 配置文件;可通过命令行参数配置,如 npx chrome-devtools-mcp@latest --help。附加工具需开启对应标志:扩展工具用 --categoryExtensions,内存工具用 --memoryDebugging。页面级工具需 pageId 定位页面,可用 list_pages 查看,或使用 new_page 返回的 ID。元素交互先用 take_snapshot 获取带 uid 的页面结构,元素找不到时重新快照。

使用方式:典型工作流为 navigate_page 或 new_page 导航,再用 wait_for 等待内容加载,随后 take_snapshot 获取结构,再用 uid 执行 click、fill 等交互并传入对应 pageId。大输出可用 filePath 参数写入文件;可用 pageIdx、pageSize、types 分页过滤;输入动作可设 includeSnapshot: false。自动化优先用 take_snapshot,视觉检查用 take_screenshot,补充数据用 evaluate_script。可并行调用多个工具,但需保持导航、等待、快照、交互的顺序。

适用场景:网页自动化与交互、截图与视觉检查、控制台与网络失败检测、布局与响应式检查、组件状态测试、性能指标与无障碍基础检查,以及 Chrome 扩展测试(安装、识别、触发动作、验证 service worker 与页面行为,需开启 --categoryExtensions)。

限制:截图 API 提交任意维度硬上限 8000px,建议默认用 fullPage: false 的视口截图,大页面存到文件系统;全页截图前先检查页面高度。导航后应等待,最小建议 1000ms。若工具不足可参考 Chrome DevTools 官方文档;启动报错可查阅官方 troubleshooting 文档。缺失事实暂未提供。