SuperAPI AI 工具集

chrome-devtools

测试与质量

查看项目

更新于 10-15 22:39

技能介绍

用途:通过 Puppeteer CLI 脚本自动化浏览器,完成截图、交互、调试与性能分析,输出 JSON 便于解析。

主要能力:navigate.js 导航,screenshot.js 整页或元素截图,click.js 点击,fill.js 填表,evaluate.js 在页面上下文执行 JavaScript;snapshot.js 提取可交互元素元数据,console.js 监控控制台消息与错误,network.js 跟踪 HTTP 请求响应,performance.js 测量 Core Web Vitals 并录制 trace。截图超 5MB 时可借 ImageMagick 自动压缩。

安装与用法:脚本位于 .claude/skills/chrome-devtools/scripts/,运行前务必先用 pwd 确认目录并 cd 进入。Linux/WSL 先执行 ./install-deps.sh 安装系统依赖,再 npm install 安装 puppeteer、debug、yargs。示例:node navigate.js --url https://example.com;node screenshot.js --url https://example.com --output ./docs/screenshots/page.png。链式执行用 --close false 复用浏览器,截图建议保存到 ./docs/screenshots。

适用场景:网页抓取、性能测试、表单自动化、错误监控。

限制:依赖 Node 与 Puppeteer;Linux/WSL 需额外系统库;未安装 ImageMagick 时超 5MB 截图不压缩。其余细节暂未提供。