🤖
Puppeteer
浏览器控制 浏览器与自动化安装命令
npx clawhub@latest install puppeteer
安装说明
1
确认环境
确保已安装 Node.js 22+ 和 OpenClaw。在终端运行 openclaw --version 确认 OpenClaw 正常工作。
2
执行安装
在终端中运行上方安装命令，ClawHub 会自动下载并安装 Puppeteer 到 ~/.openclaw/skills/ 目录。
3
验证安装
运行 openclaw skills list 查看已安装技能列表，确认 Puppeteer 已出现在列表中。
4
配置参数（可选）
根据下方介绍中的配置说明，在 ~/.config/openclaw/openclaw.json5 中添加技能的配置项。
手动安装方式：将 Skill 文件夹复制到
~/.openclaw/skills/ 或项目目录下的 skills/ 文件夹，确保文件夹中包含 SKILL.md 文件。
浏览器截图与PDF生成
JavaScript控制台执行
网页元素点击与表单操作
详细介绍
Puppeteer MCP 服务器基于 Google 的 Puppeteer 库，提供对 Chrome/Chromium 浏览器的完整控制能力，支持截图、导航、脚本执行等操作，是实现浏览器自动化的经典方案。
核心功能
- 页面截图（puppeteer_screenshot）：对当前页面或指定元素进行截图，支持全页面截图和指定区域截图，返回 base64 图片数据
- 页面导航（puppeteer_navigate）：导航到指定 URL，支持设置等待条件（load/networkidle 等）
- JavaScript 执行（puppeteer_evaluate）：在页面上下文中执行 JavaScript 代码，获取返回值
- 元素操作：点击（puppeteer_click）、填写输入框（puppeteer_fill）、选择下拉菜单、滚动页面等
- PDF 生成：将当前页面导出为 PDF 文件
配置说明
{
"mcpServers": {
"puppeteer": {
"command": "npx",
"args": ["-y", "@anthropic/puppeteer-mcp"]
// 默认使用 headless 模式
}
}
}
使用场景
- 网页截图服务：定时截取网页生成报告或缩略图
- UI 回归测试：截图对比检测页面视觉变化
- 自动化操作：登录网站、填写表单、下载文件
- 数据抓取：对需要 JavaScript 渲染的动态页面进行内容提取