SuperAPI AI 工具集

chrome-devtools

测试与质量

查看项目

更新于 10-16 01:29

技能介绍

用途:通过可执行的 Puppeteer 脚本实现浏览器自动化、调试与性能分析,适合网页抓取、性能测试、表单自动化与错误监控。

主要能力:核心脚本包括 navigate.js(导航)、screenshot.js(整页或元素截图)、click.js(点击)、fill.js(填写表单)、evaluate.js(页面内执行 JS)、snapshot.js(提取可交互元素及元数据)、console.js(监控控制台消息与错误)、network.js(跟踪 HTTP 请求/响应)、performance.js(测量 Core Web Vitals 并录制 trace)。所有脚本向 stdout 输出 JSON,错误写入 stderr。

安装:Linux/WSL 先进入 .claude/skills/chrome-devtools/scripts 运行 ./install-deps.sh 安装系统依赖(支持 Ubuntu、Debian、Fedora、RHEL、CentOS、Arch、Manjaro),macOS/Windows 可跳过;随后运行 npm install 安装 puppeteer、debug、yargs。Chrome 由 Puppeteer 在安装时自动下载,失败可执行 npx puppeteer browsers install chrome。

使用方式:单命令如 node screenshot.js --url https://example.com --output ./docs/screenshots/page.png;链式操作时用 --close false 保持浏览器打开,依次执行 navigate、fill、click 等。通用选项包括 --headless false、--timeout 30000、--wait-until networkidle2。可通过 snapshot.js 先发现选择器,再用 jq 解析 JSON 字段。

适用场景:网页抓取、性能阈值校验(如 LCP < 2500ms)、表单自动填写与提交、控制台错误与网络请求监控。

限制:需 Node 环境与 Chrome;Linux/WSL 需系统依赖。截图应保存至 ./docs/screenshots。部分高级用法(自定义脚本、CDP 会话)需参考 ./references/ 文档。具体收费、价格、支持平台细节暂未提供。