AI创想

标题: OpenClaw接入Chrome浏览器流程学习 [打印本页]
作者: 创想小编    时间: 6 小时前
标题: OpenClaw接入Chrome浏览器流程学习
作者：CSDN博客
OpenClaw接入浏览器

背景介绍

OpenClaw接入浏览器功能让AI助手能够直接控制和操作浏览器，实现网页自动化、信息抓取、页面分析等能力。通过浏览器接入，OpenClaw可以：
这在需要网页自动化、数据采集、测试验证等场景中非常有用。
接入配置说明

配置文件位置

所有浏览器配置都在 ~/.openclaw/openclaw.json 文件中进行设置。如果文件不存在，OpenClaw会在首次启动时自动创建。
核心配置项详解

基础配置
  1. {"browser":{"enabled":true,"defaultProfile":"openclaw"}}
复制代码
浏览器路径配置
  1. {"browser":{"executablePath":"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome","headless":false,"noSandbox":false}}
复制代码
配置文件详解
  1. "profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"},"work":{"cdpPort":18801,"color":"#0066CC"},"user":{"driver":"existing-session","attachOnly":true,"color":"#00AA00"}}
复制代码
安全策略配置
  1. "ssrfPolicy":{"dangerouslyAllowPrivateNetwork":true,"hostnameAllowlist":["*.example.com","example.com"]}
复制代码
主要浏览器模式详解

完整配置示例

基础配置

这是最基本且安全的配置，适合大多数用户：
配置文件位置：~/.openclaw/openclaw.json
  1. {"browser":{"enabled":true,"defaultProfile":"openclaw","headless":false,"noSandbox":false,"executablePath":"","profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"}},"ssrfPolicy":{"dangerouslyAllowPrivateNetwork":false,"hostnameAllowlist":[]}}}
复制代码
使用说明：
高级配置

适合需要多种浏览器环境的进阶用户：
  1. {"browser":{"enabled":true,"defaultProfile":"openclaw","headless":false,"noSandbox":false,"executablePath":"","profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"},"work":{"cdpPort":18801,"color":"#0066CC"},"user":{"driver":"existing-session","attachOnly":true,"color":"#00AA00"},"chrome-relay":{"driver":"extension","cdpUrl":"http://127.0.0.1:18792","color":"#00AA00"}},"ssrfPolicy":{"dangerouslyAllowPrivateNetwork":false,"hostnameAllowlist":["*.baidu.com","*.google.com","*.github.com"]}}}
复制代码
配置说明：
远程浏览器配置

连接云端浏览器服务（需要API密钥）：
  1. {"browser":{"enabled":true,"defaultProfile":"browserless","remoteCdpTimeoutMs":2000,"remoteCdpHandshakeTimeoutMs":4000,"profiles":{"browserless":{"cdpUrl":"https://production-sfo.browserless.io?token=YOUR_API_KEY","color":"#00AA00"},"browserbase":{"cdpUrl":"wss://connect.browserbase.com?apiKey=YOUR_API_KEY","color":"#F97316"}},"ssrfPolicy":{"dangerouslyAllowPrivateNetwork":false}}}
复制代码
使用前准备：
平台特定配置

macOS专用配置
  1. {"browser":{"enabled":true,"executablePath":"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome","profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"}}}}
复制代码
Linux专用配置
  1. {"browser":{"enabled":true,"executablePath":"/usr/bin/google-chrome","noSandbox":true,"profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"}}}}
复制代码
Windows专用配置
  1. {"browser":{"enabled":true,"executablePath":"C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe","profiles":{"openclaw":{"cdpPort":18800,"color":"#FF4500"}}}}
复制代码
配置验证命令

配置完成后，使用以下命令验证：
  1. # 检查浏览器状态
  2. openclaw browser status
  4. # 启动浏览器
  5. openclaw browser start
  7. # 列出所有标签页
  8. openclaw browser tabs
  10. # 打开测试网页
  11. openclaw browser open https://example.com
  13. # 获取截图验证
  14. openclaw browser screenshot
复制代码
效果演示

案例：AI助手自动打开网页并截图

以下演示展示AI助手如何使用OpenClaw浏览器工具自动操作网页：
场景：AI助手需要打开百度首页，搜索"OpenClaw"，然后截图保存结果。
AI助手的操作流程：
操作结果截图：

(, 下载次数: 0)

上图展示了AI助手成功完成整个自动化流程：打开百度首页、在搜索框中输入"OpenClaw"关键词、点击搜索按钮执行搜索，并成功获取搜索结果页面的完整过程。页面显示了与OpenClaw相关的搜索结果，证明了浏览器自动化功能的有效性。
技术实现细节：
注意事项

常见错误及解决方案

安全注意事项

参考资料


原文地址：https://blog.csdn.net/Revivedsun/article/details/159048372



欢迎光临 AI创想 (http://llms-ai.com/) Powered by Discuz! X3.4