🎭
Playwright
浏览器自动化 浏览器与自动化安装命令
npx clawhub@latest install playwright
安装说明
1
确认环境
确保已安装 Node.js 22+ 和 OpenClaw。在终端运行 openclaw --version 确认 OpenClaw 正常工作。
2
执行安装
在终端中运行上方安装命令，ClawHub 会自动下载并安装 Playwright 到 ~/.openclaw/skills/ 目录。
3
验证安装
运行 openclaw skills list 查看已安装技能列表，确认 Playwright 已出现在列表中。
4
配置参数（可选）
根据下方介绍中的配置说明，在 ~/.config/openclaw/openclaw.json5 中添加技能的配置项。
手动安装方式：将 Skill 文件夹复制到
~/.openclaw/skills/ 或项目目录下的 skills/ 文件夹，确保文件夹中包含 SKILL.md 文件。
基于无障碍快照的页面理解
跨浏览器自动化测试
表单交互与导航操作
详细介绍
Playwright MCP 服务器是微软官方推出的浏览器自动化方案，独特之处在于使用无障碍快照（Accessibility Snapshot）而非截图来理解页面结构，使 AI 能够精准地操作页面元素。
核心功能
- 页面导航（browser_navigate）：导航到指定 URL，自动等待页面加载完成
- 无障碍快照（browser_snapshot）：获取页面的无障碍树结构，包含所有可交互元素及其 ref 标识，AI 通过文本理解页面而非视觉识别
- 元素交互：支持点击（browser_click）、填写表单（browser_type）、选择下拉框（browser_select_option）、悬停（browser_hover）等操作
- Tab 管理：支持多标签页管理，创建、切换和关闭标签页
- JavaScript 执行：在页面上下文中执行自定义 JavaScript 代码
配置说明
{
"mcpServers": {
"playwright": {
"command": "npx",
"args": ["-y", "@anthropic/playwright-mcp"]
// 可选参数：--browser chromium/firefox/webkit
}
}
}
使用场景
- 端到端测试：自动化 Web 应用的功能测试流程
- 数据填报：自动登录并填写表单、提交数据
- 网页操作代理：让 AI 代替用户完成复杂的网页操作
- 页面内容提取：导航到页面并提取结构化数据