小白友好：OpenClaw+gemma-3-12b-it的浏览器自动化入门教程
小白友好：OpenClaw+gemma-3-12b-it的浏览器自动化入门教程
1. 为什么选择这个组合？
去年第一次听说AI能自动操作浏览器时，我像发现新大陆一样兴奋。但试了几个方案后，要么需要写复杂代码，要么得把数据传到第三方服务器——直到遇到OpenClaw+gemma-3-12b-it这个组合。
这套方案最打动我的三点：
- 纯本地运行：所有操作都在自己电脑完成，不用担心账号密码泄露
- 自然语言交互：用聊天的方式就能创建自动化流程，不用学编程语法
- 即时可视化反馈：操作过程像有人在实时操控鼠标，看得见每一步执行
上周我用它自动填写了30份调研问卷，整个过程就像有个数字员工在帮我干活。下面分享从零开始的完整实践过程。
2. 环境准备：10分钟快速搭建
2.1 安装OpenClaw核心组件
在macOS终端执行（Windows用户用管理员模式打开PowerShell）：
curl -fsSL https://openclaw.ai/install.sh | bash安装完成后验证版本：
openclaw --version # 预期输出类似：openclaw/0.8.2 darwin-arm64 node-v18.16.02.2 部署gemma-3-12b-it模型
推荐使用星图平台的预置镜像（避免本地部署的复杂依赖）：
- 访问星图镜像广场搜索"gemma-3-12b-it"
- 点击"一键部署"，选择GPU实例（显存≥12GB）
- 等待部署完成后，记下API地址（格式如
http://<你的实例IP>:8080/v1）
2.3 基础配置连接
执行配置向导：
openclaw onboard在交互界面中选择：
- Mode:
Advanced（需要自定义模型地址） - Provider:
Custom - Base URL: 填入上一步的gemma模型API地址
- API Key: 留空（本地部署通常不需要）
3. 第一个自动化任务：网页截图归档
3.1 创建任务指令
启动交互控制台：
openclaw console输入自然语言指令（支持中文）：
请帮我完成以下浏览器自动化任务： 1. 打开Chrome浏览器 2. 访问CSDN首页 3. 等待3秒加载完成 4. 截取整个页面 5. 保存为~/Downloads/csdn_homepage.png3.2 观察执行过程
你会看到：
- 浏览器自动启动（首次运行需授权辅助功能权限）
- 地址栏自动输入csdn.com
- 页面滚动条自动滚动完成全屏截图
- 终端输出保存路径提示
常见问题排查：
- 如果浏览器没启动，检查系统偏好设置→安全性与隐私→辅助功能权限
- 截图失败可能是页面加载超时，尝试将等待时间从3秒改为5秒
4. 进阶实践：表单自动填写
4.1 准备测试页面
新建HTML文件~/Desktop/test_form.html：
<!DOCTYPE html> <html> <body> <form> <input type="text" id="name" placeholder="姓名"> <input type="email" id="email" placeholder="邮箱"> <button type="submit">提交</button> </form> </body> </html>4.2 创建填写指令
在OpenClaw控制台输入：
请执行表单填写任务： 1. 用Chrome打开file:///Users/你的用户名/Desktop/test_form.html 2. 在ID为name的输入框填入"张三" 3. 在ID为email的输入框填入"zhangsan@example.com" 4. 截图保存为~/Desktop/filled_form.png4.3 动态参数技巧
要实现每次填写不同内容，可以用变量替换：
使用以下数据填写表单： - 姓名: {{name}} - 邮箱: {{email}}然后在启动时传入参数：
openclaw run --params '{"name":"李四","email":"lisi@test.com"}'5. 数据抓取实战：获取页面信息
5.1 简单文本提取
指令示例：
访问 https://example.com 并： 1. 获取<h1>标签的文本内容 2. 将结果保存到 ~/Documents/page_title.txt5.2 结构化数据采集
对于表格类数据：
访问 https://example.com/price-list 并： 1. 找到class为"price-table"的表格 2. 提取所有行数据 3. 生成CSV文件保存到桌面生成的文件会自动包含表头和数据行，可用Excel直接打开。
6. 效率提升技巧
6.1 任务组合
把多个操作保存为工作流：
openclaw workflow create news_scraper按提示依次添加：
- 打开浏览器访问新闻网站
- 搜索关键词
- 截图保存
- 提取正文文本
之后通过一条命令即可执行整套流程：
openclaw workflow run news_scraper6.2 定时执行
用系统自带的crontab设置每天9点自动运行：
0 9 * * * /usr/local/bin/openclaw workflow run news_scraper7. 安全注意事项
经过两个月实践，总结出这些避坑经验：
- 权限控制：不要用管理员账号运行，建议新建专用系统账户
- 操作确认：关键操作如文件删除前，添加人工确认步骤
- 沙盒环境：测试新脚本时，先用虚拟机的隔离环境
- 日志审计：定期检查~/.openclaw/logs/operation.log
上周我不小心让脚本循环打开了100个标签页，电脑直接卡死。现在重要任务前都会先做小规模测试。
获取更多AI镜像
想探索更多AI镜像和应用场景？访问 CSDN星图镜像广场，提供丰富的预置镜像，覆盖大模型推理、图像生成、视频生成、模型微调等多个领域，支持一键部署。