全网页截图

使用Puppeteer捕获完整的网页截图，包括滚动时动态加载的内容。

使用场景

✅ 使用此技能的场景：

• - 截取这个网站的截图
• 给example.com截图
• 捕获完整页面
• 获取此网页的视觉快照
• 截个网页图
• 给这个网站截屏

禁止使用场景

❌ 不要使用此技能的场景：

• - 截取本地文件 → 使用系统截图工具
• 仅捕获特定元素 → 使用浏览器开发者工具
• 交互操作的视频/截图 → 使用屏幕录制
• 需要认证的页面 → 需要手动浏览器操作

安装设置

首次安装（安装Puppeteer）：

bash
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
npm install

命令

基础截图

bash
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
node screenshot.js https://example.com ~/workspace/screenshot.png

自定义视口（移动端/桌面端）

bash

移动端视图

cd ~/.openclaw/skills/full-webpage-screenshot/scripts
VIEWPORTWIDTH=375 VIEWPORTHEIGHT=812 node screenshot.js https://example.com mobile.png

桌面高清

VIEWPORTWIDTH=1920 VIEWPORTHEIGHT=1080 node screenshot.js https://example.com desktop.png

加载缓慢的页面

bash
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
WAIT_AFTER=5000 node screenshot.js https://slow-site.com screenshot.png

选项

变量	默认值	描述
VIEWPORTWIDTH	1280	浏览器视口宽度
VIEWPORTHEIGHT

800 | 浏览器视口高度 | | SCROLL_DELAY | 100 | 滚动步骤之间的延迟（毫秒） | | WAIT_AFTER | 2000 | 页面加载后等待时间（毫秒） |

输出

返回JSON格式：
json
{
success: true,
path: /path/to/screenshot.png,
width: 1280,
height: 4352
}

快速响应

截取这个网站的截图

bash
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
node screenshot.js $URL ~/workspace/screenshot.png

移动端截图

bash
cd ~/.openclaw/skills/full-webpage-screenshot/scripts
VIEWPORTWIDTH=375 VIEWPORTHEIGHT=812 node screenshot.js $URL mobile.png

注意事项

• - 需要Node.js 18+
• 首次运行需要在scripts/目录下执行npm install
• 自动滚动以触发懒加载内容
• 支持所有现代网页功能（JS、CSS、字体）