整页截图工具
ReactScreenshotBrowser自动化测试更新于 2026-08-14
使用场景: 自动化网站截图:整页捕获、作品集预览、视觉回归测试与内容快照。
安装
npx skills add full-page-screenshot-tool克隆
git clone https://github.com/skillhub-community/full-page-screenshot-tool.git描述
带友好控制面板的无头浏览器截图服务。捕获模式:整页(拼接完整可滚动页面)、视口(单屏)、选择器(定位特定元素)与定时(等待 N 秒让动画/字体加载)。界面可设设备模拟(视口尺寸、deviceScaleFactor、移动 UA)、捕获前滚动行为,以及懒加载内容的「展示并等待」。输出为 PNG/JPEG/WebP 下载,可选灰度或海报化滤镜。
包含视觉对比模式:同一页面在两个时间点(或两个 URL)捕获,得到标记变更的像素差异热图——可用于 CI 视觉回归或检查部署。同时提供浏览器 UI 与 HTTP API(POST /capture 传 JSON 配置),可嵌入自动化流水线。基于 Puppeteer/Playwright 并带合理默认(屏蔽广告/字体提速、模拟真实 GPU、网络抖动重试)。极简部署的零依赖 CDP 兜底。
AI Hub
跑 Skill 需要模型接口?
AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。
打开 AI Hub元数据
作者@media_lin
许可证MIT
版本1.0.0
依赖0