用途:通过可执行的 Puppeteer 脚本实现浏览器自动化,适用于截图、性能分析、网络监控、网页抓取和表单自动化等场景。所有脚本输出 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)。
安装与使用:Linux/WSL 需先运行 ./install-deps.sh 安装系统依赖,macOS/Windows 可跳过;随后用 bun install 或 npm install 安装 Node 依赖;可选安装 ImageMagick 以自动压缩超过 5MB 的截图。脚本位于 .claude/skills/chrome-devtools/scripts/,运行前务必用 pwd 确认工作目录。示例:bun navigate.js --url https://example.com。可用 --close false 保持浏览器打开以串联命令,用 jq 解析 JSON 输出。
限制:截图默认超过 5MB 自动压缩,需 ImageMagick,否则可能无法加载;元素找不到时可先用 snapshot.js 发现选择器或改用 XPath;脚本失败需检查选择器、可见性与加载时机。具体收费与平台支持细节暂未提供。