整页截图工具

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