openclaw需安装agent-browser代理服务以支持dom操作；处理js渲染页须显式等待关键元素；账号密码应通过config.yaml加密变量注入；支持多页并行抓取并导出csv；dom定位失败时应使用开发者工具复制稳定css选择器。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
一、安装并启用 OpenClaw 浏览器代理
OpenClaw 依赖独立的浏览器代理服务才能执行 DOM 解析与交互操作，未安装 agent-browser 将导致“无浏览器工具”错误，所有指令无法运行。
1、在终端中执行命令：npx clawhub install agent-browser。
2、等待安装完成提示“agent-browser installed successfully”。
3、启动代理服务：npx clawhub start agent-browser，保持该终端窗口常开。
二、处理 JS 动态渲染页面
部分网页内容由 JavaScript 异步加载，OpenClaw 若在 DOM 渲染完成前执行提取或填表，将返回空值或定位失败。
1、在指令中显式添加等待条件，例如：“等待 .price 元素出现”。
2、或使用固定时长等待：“等待 3 秒让页面加载完”。
3、避免仅依赖“页面加载完成”事件，应优先选择关键元素作为等待锚点。
三、配置安全凭证以自动填表
硬编码账号密码存在泄露风险，OpenClaw 支持变量注入与外部安全配置，确保登录流程既自动化又合规。
1、创建 config.yaml 文件，写入加密字段：username: !secret zhangsan。
2、在指令中引用变量：“在用户名框填 {{username}}，密码框填 {{password}}”。
3、运行时通过 --config config.yaml 参数加载配置文件。
四、并行抓取多页面竞品数据
为提升效率，OpenClaw 可同时打开多个标签页执行提取任务，适用于电商比价、舆情监控等需横向对比的场景。
1、指令中列出全部目标 URL：“打开电商页面 A、B、C”。
2、统一指定提取规则：“抓取每个页面中 .product-title 和 .current-price 的文本”。
3、使用 file 工具导出合并结果：“保存为 CSV 文件，列名：标题,价格,来源URL”。
五、调试 DOM 定位失败问题
当 fill 或 click 操作报错“element not found”，说明 CSS 选择器未能匹配到实际渲染后的节点，需验证并优化定位策略。
1、手动打开 Chromium，按 F12 进入开发者工具，切换至 Elements 面板。
2、右键目标输入框 → Copy → Copy selector，获取浏览器推荐的选择器。
3、将原始选择器替换为：“#loginForm input[name='username']”（避免使用易变的 class 名）。
