跳到主要内容
极客日志极客日志面向AI+效率的开发者社区
首页博客我的书AI学习GitHub 精选镜像AI工具UI配色美学关于
搜索内容 / 工具 / 仓库 / 镜像...⌘K搜索
注册
博客列表
Shell / BashAI大前端

OpenClaw 浏览器控制方案:AI 助手自动连接调试模式

介绍如何通过 Chrome 调试模式解决 AI 助手(OpenClaw)控制浏览器时缺乏登录状态和需手动操作的问题。方案包括创建独立数据目录、复制登录信息、配置远程调试端口及 OpenClaw 配置文件。实现后 AI 可直接调用已登录的浏览器实例,无需重复登录或点击插件,支持重启自动重连且降低风控风险。

开源信徒发布于 2026/4/6更新于 2026/10/26117 浏览
OpenClaw 浏览器控制方案:AI 助手自动连接调试模式

🚀 懒人版:你可能都不用看这篇文章

直接把这篇文章发给 Claude Code,让它帮你执行就行了。它会创建一个 Chrome Debug 浏览器实例并配置好所有参数。

然后去 OpenClaw 的 bot 里告诉它:

"更新下身份信息:当前你需要去查询信息资料、联网之类的,优先使用已经可以打开的可调试浏览器实例去控制打开搜索等。比如:"

使用 --browser-profile mydebug 来控制已打开的浏览器实例。

搞定!🎉

一个被忽视的痛点

你有没有遇到过这样的场景:

你让 AI 助手帮你搜索信息,它打开了一个全新的浏览器窗口。

然后你发现:

  • 推特要重新登录
  • GitHub 要重新登录
  • Google 要重新登录
  • 甚至有些网站直接把你当成机器人,拒绝访问

为什么?

因为 AI 助手用的是一个"干净"的浏览器环境,没有任何登录状态,没有任何 Cookies,没有任何浏览历史。

对于网站来说,这就是一个"可疑账号"。

另一个痛点:手动操作

如果你用过 OpenClaw 的 Chrome 插件,你会发现另一个问题:

每次都要手动点插件图标,AI 才能连接到浏览器。

更糟糕的是:

  • OpenClaw 重启后,需要重新点击
  • 切换标签页后,可能需要重新点击
  • 有时候点了也不生效,需要刷新页面

这不是自动化,这是"半自动化。"

我们想要什么?

理想的 AI 浏览器控制应该是这样的:

  1. 保留登录状态:AI 打开推特,直接就是登录状态,不需要重新输入密码
  2. 无需手动操作:AI 想控制浏览器,直接连接,不需要点任何东西
  3. 重启无忧:OpenClaw 重启后,自动重连,不需要任何配置
  4. 不被风控:网站看到的是你真实的浏览器指纹,不会把你当成机器人

这可能吗?

可能。而且很简单。

解决方案:Chrome Debug 模式

核心思路很简单:

让 Chrome 启动时自带远程调试端口,同时使用一个复制了登录信息的独立数据目录。

为什么不直接用默认的 Chrome?

Chrome 有个安全限制:不允许在默认数据目录上开启远程调试。

这是为了安全考虑。如果你的默认 Chrome 开启了调试端口,任何本地程序都可以控制你的浏览器,读取你的密码、Cookies、浏览历史。

所以我们需要:

  1. 创建一个新的 Chrome 数据目录
  2. 把登录相关的文件(Cookies、Login Data 等)复制过去
  3. 用这个新目录启动 Chrome,同时开启调试端口

这样就能:

  • ✅ 保留登录状态(推特、GitHub 等都不用重新登录)
  • ✅ AI 可以随时连接,不需要点任何东西
  • ✅ 重启 OpenClaw 后自动重连
  • ✅ 不会被风控(使用的是你真实的浏览器指纹)

配置步骤(5 分钟搞定)

第一步:创建 Chrome 数据目录并复制登录信息
# 创建新的数据目录
mkdir -p 


 
 Cookies   Preferences  


  
"$HOME/Library/Application Support/Google/Chrome-Debug/Default"
# 复制关键登录文件
cd
"$HOME/Library/Application Support/Google/Chrome/Default"
cp
"Login Data"
"Web Data"
"Secure Preferences"
"$HOME/Library/Application Support/Google/Chrome-Debug/Default/"
# 复制 Local State
cp
"$HOME/Library/Application Support/Google/Chrome/Local State"
"$HOME/Library/Application Support/Google/Chrome-Debug/"

这一步做了什么?

  • Cookies:保存了所有网站的登录状态
  • Login Data:保存了密码(如果你开启了密码保存)
  • Web Data:保存了表单自动填充数据
  • Preferences 和 Secure Preferences:保存了浏览器设置
  • Local State:保存了全局配置

复制这些文件后,新的 Chrome 就会"继承"你的登录状态。

第二步:创建 Chrome Debug 启动器
# 创建 App 结构
mkdir -p "/Applications/Chrome Debug.app/Contents/MacOS"

# 创建启动脚本
cat > "/Applications/Chrome Debug.app/Contents/MacOS/Chrome Debug" << 'EOF'
#!/usr/bin/env bash
exec arch -arm64 "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
  --remote-debugging-port=9222 \
  --user-data-dir="$HOME/Library/Application Support/Google/Chrome-Debug" \
  "$@"
EOF

# 添加执行权限
chmod +x "/Applications/Chrome Debug.app/Contents/MacOS/Chrome Debug"

这一步做了什么?

创建了一个新的 Chrome 启动器,它会:

  • 使用独立的数据目录(Chrome-Debug)
  • 开启远程调试端口(9222)
  • 使用 ARM64 架构(如果你是 M1/M2/M3 Mac)
第三步:配置 OpenClaw

在 ~/.openclaw/config.json 中添加浏览器配置:

{
  "browser": {
    "profiles": {
      "mydebug": {
        "cdpUrl": "http://127.0.0.1:9222",
        "color": "#00AA00"
      }
    }
  }
}

这一步做了什么?

告诉 OpenClaw:

  • 有一个名叫 mydebug 的浏览器配置
  • 它的调试端口是 http://127.0.0.1:9222
  • 用绿色标记(可选)

使用方法

1. 启动浏览器
open "/Applications/Chrome Debug.app"

或者直接在 Finder 中双击 Chrome Debug.app。

2. 验证连接
curl -s http://127.0.0.1:9222/json/version

如果返回一堆 JSON 数据,说明连接成功。

3. OpenClaw 控制浏览器
# 查看所有标签页
openclaw browser --browser-profile mydebug tabs

# 打开网页
openclaw browser --browser-profile mydebug open "https://x.com"

# 截图
openclaw browser --browser-profile mydebug screenshot

# 执行操作(点击、输入等)
openclaw browser --browser-profile mydebug act
4. 在对话中使用

当你和 OpenClaw 对话时,它会自动使用 mydebug 配置:

你: '帮我搜索一下 GPT-5.3 Codex 的最新讨论'

OpenClaw: (自动打开 Chrome Debug,访问 X.com,搜索,截图,分析)

关键是:整个过程不需要你点任何东西。

效果对比

之前(使用插件)
  1. 你:帮我搜索 XXX
  2. OpenClaw:好的,请点击浏览器插件图标
  3. 你:(点击插件)
  4. OpenClaw:(开始搜索)
  5. OpenClaw 重启
  6. 你:帮我再搜索 YYY
  7. OpenClaw:好的,请点击浏览器插件图标
  8. 你:(又要点击插件)😤
现在(使用 Chrome Debug)
  1. 你:帮我搜索 XXX
  2. OpenClaw:(直接搜索,返回结果)
  3. OpenClaw 重启
  4. 你:帮我再搜索 YYY
  5. OpenClaw:(直接搜索,返回结果)

没有任何手动操作。

一键脚本

如果你觉得上面的步骤太麻烦,这里有一个一键脚本:

#!/bin/bash
# setup-chrome-debug.sh
echo "🚀 设置 Chrome Debug 环境..."

# 1. 创建数据目录
mkdir -p "$HOME/Library/Application Support/Google/Chrome-Debug/Default"

# 2. 复制登录文件
cd "$HOME/Library/Application Support/Google/Chrome/Default"
cp Cookies "Login Data" "Web Data" Preferences "Secure Preferences" "$HOME/Library/Application Support/Google/Chrome-Debug/Default/" 2>/dev/null
cp "$HOME/Library/Application Support/Google/Chrome/Local State" "$HOME/Library/Application Support/Google/Chrome-Debug/" 2>/dev/null

# 3. 创建启动器
mkdir -p "/Applications/Chrome Debug.app/Contents/MacOS"
cat > "/Applications/Chrome Debug.app/Contents/MacOS/Chrome Debug" << 'EOF'
#!/usr/bin/env bash
exec arch -arm64 "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" \
  --remote-debugging-port=9222 \
  --user-data-dir="$HOME/Library/Application Support/Google/Chrome-Debug" \
  "$@"
EOF
chmod +x "/Applications/Chrome Debug.app/Contents/MacOS/Chrome Debug"

echo "✅ 设置完成!"
echo "👉 现在可以打开 /Applications/Chrome Debug.app 启动浏览器"
echo "👉 OpenClaw 会自动连接到 http://127.0.0.1:9222"

保存为 setup-chrome-debug.sh,然后运行:

chmod +x setup-chrome-debug.sh
./setup-chrome-debug.sh

常见问题

Q1: 两个 Chrome 可以同时运行吗?

可以。

Chrome Debug 和普通 Chrome 使用不同的数据目录,可以同时运行。

但建议只用 Chrome Debug,因为:

  • 它有所有的登录状态
  • OpenClaw 可以随时控制
  • 不需要切换
Q2: 登录状态会同步吗?

不会自动同步。

如果你在普通 Chrome 中登录了新账号,需要重新复制 Cookies 文件到 Chrome-Debug 目录:

cp "$HOME/Library/Application Support/Google/Chrome/Default/Cookies" "$HOME/Library/Application Support/Google/Chrome-Debug/Default/"

或者直接在 Chrome Debug 中登录。

Q3: 安全吗?

相对安全。

开启调试端口意味着本机的任何程序都可以控制浏览器。

但是:

  • 调试端口只监听 127.0.0.1(本地),外网无法访问
  • 只有你信任的程序(OpenClaw)会连接
  • 如果你的电脑本身是安全的,这个方案就是安全的

不建议在公共电脑或不信任的环境中使用。

Q4: 为什么不用 Chrome 插件?

Chrome 插件的问题:

  • 需要手动点击才能连接
  • OpenClaw 重启后需要重新点击
  • 有时候会失效,需要刷新页面

Chrome Debug 的优势:

  • 完全自动化,不需要任何手动操作
  • OpenClaw 重启后自动重连
  • 更稳定,不会失效
Q5: 支持其他浏览器吗?

理论上支持所有基于 Chromium 的浏览器。

比如:

  • Microsoft Edge
  • Brave
  • Vivaldi
  • Opera

只需要修改启动脚本中的浏览器路径即可。

实战案例:让 AI 帮你调研

假设你想让 OpenClaw 帮你调研 GPT-5.3 Codex 的最新讨论。

之前的流程
  1. 你:帮我搜索 GPT-5.3 Codex 的最新讨论
  2. OpenClaw:好的,我需要打开浏览器,请点击插件图标
  3. 你:(点击插件)
  4. OpenClaw:(打开 X.com)
  5. OpenClaw:X.com 要求登录,请手动登录
  6. 你:(手动登录)
  7. OpenClaw:(搜索)
  8. OpenClaw:(返回结果)

总耗时:5-10 分钟(包括手动操作)

现在的流程
  1. 你:帮我搜索 GPT-5.3 Codex 的最新讨论
  2. OpenClaw:(自动打开 Chrome Debug,访问 X.com,搜索,截图,分析,返回结果)

总耗时:30 秒(全自动)

更进一步:让 AI 优先使用浏览器

在 OpenClaw 的配置中,你可以设置:

当需要查询信息、联网调研时,优先使用已经打开的可调试浏览器实例。

这样,OpenClaw 会:

  • 优先使用 Chrome Debug
  • 而不是调用 API 或其他工具
  • 因为浏览器有登录状态,可以访问更多内容

在 IDENTITY.md 或 TOOLS.md 中添加:

## 🌐 浏览器使用
当需要查询信息、搜索资料、联网调研时,**优先使用已打开的可调试浏览器实例**:

```bash
# 查看浏览器标签页
openclaw browser --browser-profile mydebug tabs

# 打开网页
openclaw browser --browser-profile mydebug open "https://x.com"

# 截图查看
openclaw browser --browser-profile mydebug snapshot

# 执行操作(点击、输入等)
openclaw browser --browser-profile mydebug act

使用 --browser-profile mydebug 来控制已打开的浏览器实例,而不是每次都启动新浏览器。


### 结语:自动化的本质

真正的自动化,不是"半自动化"。

真正的自动化,是:

-   你说一句话
-   AI 自动完成
-   不需要任何手动操作

**这才是 AI 助手应该有的样子。**

Chrome Debug 方案,就是为了实现这个目标:

-   ✅ 保留登录状态
-   ✅ 无需手动操作
-   ✅ 重启无忧
-   ✅ 不被风控

**5 分钟配置,终身受益。**

### 相关阅读

-   [OpenClaw 官方文档](https://docs.openclaw.ai)

目录

  1. 一个被忽视的痛点
  2. 另一个痛点:手动操作
  3. 我们想要什么?
  4. 解决方案:Chrome Debug 模式
  5. 为什么不直接用默认的 Chrome?
  6. 配置步骤(5 分钟搞定)
  7. 第一步:创建 Chrome 数据目录并复制登录信息
  8. 创建新的数据目录
  9. 复制关键登录文件
  10. 复制 Local State
  11. 第二步:创建 Chrome Debug 启动器
  12. 创建 App 结构
  13. 创建启动脚本
  14. 添加执行权限
  15. 第三步:配置 OpenClaw
  16. 使用方法
  17. 1. 启动浏览器
  18. 2. 验证连接
  19. 3. OpenClaw 控制浏览器
  20. 查看所有标签页
  21. 打开网页
  22. 截图
  23. 执行操作(点击、输入等)
  24. 4. 在对话中使用
  25. 效果对比
  26. 之前(使用插件)
  27. 现在(使用 Chrome Debug)
  28. 一键脚本
  29. setup-chrome-debug.sh
  30. 1. 创建数据目录
  31. 2. 复制登录文件
  32. 3. 创建启动器
  33. 常见问题
  34. Q1: 两个 Chrome 可以同时运行吗?
  35. Q2: 登录状态会同步吗?
  36. Q3: 安全吗?
  37. Q4: 为什么不用 Chrome 插件?
  38. Q5: 支持其他浏览器吗?
  39. 实战案例:让 AI 帮你调研
  40. 之前的流程
  41. 现在的流程
  42. 更进一步:让 AI 优先使用浏览器
  43. 🌐 浏览器使用
  44. 查看浏览器标签页
  45. 打开网页
  46. 截图查看
  47. 执行操作(点击、输入等)
  48. 结语:自动化的本质
  49. 相关阅读

更多推荐文章

查看全部
  • 力扣 Hot100 滑动窗口算法解析(C++)
  • Claude Code 完美平替方案:OpenCode 与 GitHub Copilot 组合使用
  • C++ 继承机制详解:实现栈、同名隐藏与派生类默认成员函数
  • Java IO 流进阶:字符流与字节流的深度应用
  • ScreenFilter 智能助手:低代码构建屏幕内容分析工作流
  • 2026 年 3 月大模型全景解析:国产登顶、百万上下文落地与 Agent 工业化
  • 解决打包报错 Failed to load module script MIME type text/html
  • 鸿蒙车载互联实战:用分布式技术重构出行体验
  • 精选技术学习与实用资源合集
  • LIBERO:终身机器人学习的综合基准测试平台
  • RabbitMQ 消息可靠性进阶:Confirm、持久化与幂等落地
  • 基于 Verilog 的数字密码锁设计与 FPGA 实现
  • C++ 模板:泛型编程与代码复用实战
  • Linux 基础 IO:文件描述符、重定向与缓冲区原理
  • C/C++依赖管理:Conan 深度解析与实战
  • PostgreSQL 哈希与复合分区实践
  • MySQL 数据类型详解:数值、字符串与时间类型的选型实践
  • 本地项目上传 GitHub 完整流程
  • JavaScript 高级进阶 ES6 至 ES13 详解
  • Cursor 中配置与使用 MCP 服务实战指南

相关免费在线工具

  • RSA密钥对生成器

    生成新的随机RSA私钥和公钥pem证书。 在线工具,RSA密钥对生成器在线工具,online

  • Mermaid 预览与可视化编辑

    基于 Mermaid.js 实时预览流程图、时序图等图表,支持源码编辑与即时渲染。 在线工具,Mermaid 预览与可视化编辑在线工具,online

  • 随机西班牙地址生成器

    随机生成西班牙地址(支持马德里、加泰罗尼亚、安达卢西亚、瓦伦西亚筛选),支持数量快捷选择、显示全部与下载。 在线工具,随机西班牙地址生成器在线工具,online

  • Base64 字符串编码/解码

    将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online

  • Base64 文件转换器

    将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online

  • Markdown转HTML

    将 Markdown(GFM)转为 HTML 片段,浏览器内 marked 解析;与 HTML转Markdown 互为补充。 在线工具,Markdown转HTML在线工具,online