跳到正文
🔵 社区案例 — 基于社区验证案例改编 入门 开发工具

Chrome 会话接管:AI 实时看到你的浏览器画面

OpenClaw v2026.3.13 新功能——AI 直接接入你正在使用的 Chrome 浏览器会话,实时看到你看到的页面内容,帮你分析、调试、自动化操作。

⚔️ 难度 ★☆☆ 入门
⏱ 配置耗时 5 分钟
🎁 掉落 节省 5 分钟
📜 所需秘籍 agent-browser
🦞 部署 可一键部署

🎯 做完你会得到

AI 直接看到你当前浏览器打开的网页,你说"帮我分析这个页面",AI 立刻理解并操作,不需要复制粘贴任何内容。"

🛠 需要什么

  • agent-browser

👤 适合谁

  • 前端开发者
  • 需要网页数据分析的人
  • 想要更自然的人机协作体验

⚡ 效果预览

打开一个竞品网页,对AI说帮我分析这个页面的定价策略,AI实时看到页面内容,直接给出分析报告

🔧 Step 0:先确认外部工具配置

⚠️ 本案例依赖外部工具(Telegram/Notion/飞书等),先确认已配置 👉 查看常用工具配置指南 →

这是什么

v2026.3.13 版本新增的功能:OpenClaw 可以直接附加到你正在运行的 Chrome 浏览器会话,实时看到你看到的页面内容。

nerdschalk 报道:“OpenClaw 现可附加到正在运行的 Chrome 会话,AI 实时查看用户看到的页面内容,辅助调试、分析、自动化操作,无需安装任何浏览器扩展。”

不需要安装任何扩展、不需要复制粘贴、不需要截图。 AI 直接看到你的浏览器画面。

和之前有什么不同

之前现在
需要告诉 AI 网址AI 直接看到你打开了什么
需要复制页面内容AI 自己读取页面
需要截图发给 AIAI 实时看到画面
AI 操作的是无头浏览器AI 操作的是你正在用的浏览器

前置条件

  • OpenClaw v2026.3.13 或更新版本
  • Chrome 浏览器
  • 不需要安装任何扩展

怎么用

启用 Chrome 调试端口

# macOS
open -a "Google Chrome" --args --remote-debugging-port=9222

# Linux
google-chrome --remote-debugging-port=9222

# Windows
chrome.exe --remote-debugging-port=9222

告诉 AI 连接

帮我连接我的 Chrome 浏览器

开始协作

从此 AI 能看到你在浏览什么:

我现在看的这个页面是干什么的?帮我总结一下
帮我把这个表格的数据提取出来做成 Excel
这个页面的表单帮我自动填一下

使用场景

开发调试

我现在在调试这个页面,帮我看看控制台有什么报错
这个 CSS 布局为什么右边有间隙?帮我查一下

竞品分析

打开竞品网站:

帮我分析这个竞品的定价策略和产品功能

数据提取

打开含有表格的网页:

把这个页面上的价格表提取出来,做成 CSV

表单填写

打开需要填写的网页表单:

帮我把这个注册表填了,用我的常用信息

在线购物比价

打开电商页面:

记住这个价格,然后帮我在其他平台对比一下

预期结果

  • AI 实时理解你正在浏览的内容
  • 无需切换窗口、复制粘贴
  • 支持读取和操作页面元素
  • 像有个同事坐在你旁边看你的屏幕

踩坑记录

敏感页面不想让 AI 看到

症状:打开网银或隐私页面时不想让 AI 访问。

解法

  1. 分开使用——日常浏览用普通 Chrome,给 AI 的用调试端口启动的 Chrome
  2. 在 AGENTS.md 中设置不要读取任何包含 bank、password 的页面
  3. 需要时随时断开连接

多标签页 AI 分不清

症状:开了很多标签页,AI 不知道你在说哪个。

解法:指明标签页——帮我看一下’京东’那个标签页的价格。

不满意怎么调

  • 担心隐私 → 只在需要时启用调试端口,用完关闭
  • 想更自动 → 设置规则让 AI 在特定页面自动执行操作
  • 想用 Firefox → 目前主要支持 Chrome,Firefox 支持有限
#Chrome#浏览器#实时协作#调试#v2026.3.13