SuperAPI AI 工具集

chrome-devtools

测试与质量

查看项目

更新于 10-15 21:35

技能介绍

用途:通过 Puppeteer 命令行脚本完成浏览器自动化、调试与性能分析,支持持久会话,脚本输出 JSON 便于结构化处理。

主要能力:navigate.js 导航;screenshot.js 截图(超过 5MB 自动用 Sharp 压缩);click.js、fill.js 操作元素;evaluate.js 执行页面 JS;snapshot.js 提取交互元素;aria-snapshot.js 输出 YAML 格式 ARIA 无障碍树与稳定 ref;select-ref.js 按 ref 点击、填充、悬停、聚焦、取文本或截图;console.js 监控控制台;network.js 跟踪请求响应;performance.js 测量 Core Web Vitals。

使用方式:技能可位于项目级或用户级,优先级项目级高于用户级。进入脚本目录后执行 npm install 安装 puppeteer、sharp、debug、yargs;Linux/WSL 需先运行 ./install-deps.sh。示例:node aria-snapshot.js --url https://example.com;node select-ref.js --ref e5 --action click;node navigate.js --url about:blank --close true 关闭会话。默认脚本断开但保留浏览器,通过 .browser-session.json 复用状态。快照存于 .claude/chrome-devtools/snapshots/,截图存于 screenshots/,日志按会话存于 logs/。

适用场景:未知页面结构发现、表单自动化、网页抓取、控制台与网络错误排查、无障碍审计、性能测试、视觉验证。

限制:Windows/macOS 建议有头模式,仅 Linux/WSL/CI 用无头;不要用 file:// 浏览本地 HTML,应通过 npx serve 或 python -m http.server 启动本地服务;page.evaluate 回调仅用纯 JavaScript;自定义脚本结尾应调用 disconnectBrowser(),仅在彻底结束会话时用 closeBrowser()。资料未提供收费、价格与平台支持范围等信息。