OpenClaw 内置的 Browser 工具让 Claude 可以真正"看到并操作"网页—— 不是写 Selenium 脚本，而是像人一样理解页面结构，智能地完成各种网页任务。
核心能力
| 能力 | 说明 |
|---|---|
| 截图分析 | 截取网页截图，Claude 直接分析可视内容 |
| 元素操作 | 点击按钮、填写表单、下拉选择 |
| 导航 | 打开 URL、前进/后退、多标签页 |
| 数据提取 | 从网页结构中提取结构化数据 |
| 等待交互 | 等待元素加载、页面跳转完成 |
| 登录保持 | 保存 Cookie，维持登录状态 |
与传统工具的区别
| OpenClaw Browser | Puppeteer/Selenium | |
|---|---|---|
| 编写方式 | 自然语言描述 | 写代码 |
| 应对变化 | AI 自适应（元素移动也能找到） | 选择器写死，变了就挂 |
| 调试 | 对话式调试 | 打断点 |
| 适用场景 | 复杂、不规则任务 | 高频、稳定的批量任务 |
基础配置
bash
# 安装 Playwright 浏览器
npx playwright install chromium
# 在 OpenClaw config 启用json
// ~/.openclaw/config.json
{
"tools": {
"browser": {
"enabled": true,
"headless": true,
"defaultProfile": "openclaw",
"screenshotDir": "~/.openclaw/screenshots",
"timeout": 30000
}
}
}场景 1：网页数据抓取
你：帮我抓取 Hacker News 今天排名前 10 的文章，
包括标题、链接、评论数，整理成表格
助手：[Browser 打开 news.ycombinator.com]
[截图分析页面结构]
[提取文章列表数据]
| 排名 | 标题 | 链接 | 评论数 |
|------|------|------|-------|
| 1 | ... | ... | 342 |
...
场景 2：自动填写表单
你：帮我填写这个报名表单 https://example.com/register
姓名：张三，邮箱：zhangsan@example.com，
职位：工程师，公司：某科技
助手：[打开表单页面]
[截图确认表单结构]
[逐字段填写]
表单已填写完毕，这是截图确认，需要我点击提交吗？
场景 3：监控网页变化
bash
# 添加 Cron：每小时检查竞品价格
openclaw cron add --schedule "0 * * * *" --task "用浏览器打开 https://competitor.com/product/123，
截图并提取当前价格，
与上次价格对比，
如果降价超过 10% 发 Telegram 通知我"场景 4：自动化工作流
你：帮我每天早上 9 点：
1. 登录 CRM 系统（https://crm.company.com）
2. 导出昨天的销售数据（CSV）
3. 发给我的邮箱
助手：好的，我需要你先提供登录凭据，
然后我会记录操作步骤并创建 Cron 任务。
场景 5：AI 截图分析
你：截图分析一下 https://www.claudecode.xyz 的首页，
告诉我有哪些改进空间
助手：[截图]
分析如下：
1. 导航栏层级过深...
2. CTA 按钮颜色与背景对比度不足...
3. 移动端响应式有以下问题...
使用 Chrome Extension Relay（连接真实浏览器）
OpenClaw 支持连接你正在使用的 Chrome 浏览器，包括登录状态：
json
{
"tools": {
"browser": {
"profile": "chrome",
"relay": true
}
}
}安装 OpenClaw Browser Relay 扩展后，点击工具栏按钮「Attach Tab」， AI 就能操作你当前打开的标签页，无需重新登录任何网站。
安全与隐私
重要原则：
- 浏览器自动化默认需要用户确认才执行（防止意外操作）
- 不会自动提交表单（除非明确说「提交」）
- 敏感信息（密码等）不会出现在日志里
配置确认级别：
json
{
"tools": {
"browser": {
"confirmBeforeSubmit": true,
"confirmBeforeNavigation": false,
"logScreenshots": false
}
}
}常见问题
Q：截图很慢
调整 timeout 和 waitForSelector 参数，或改为 headless: false 调试时查看实际加载速度。
Q：动态加载的内容抓不到 告诉 Claude「等待页面完全加载后再截图」，它会自动等待 JavaScript 渲染完成。
Q：登录状态丢失
启用 persistCookies: true，Session Cookie 会保存到本地。
来源：OpenClaw 官方文档 - Browser Tool