🎯 做完你会得到
AI 直接看到你当前浏览器打开的网页,你说"帮我分析这个页面",AI 立刻理解并操作,不需要复制粘贴任何内容。"
🛠 需要什么
- agent-browser
👤 适合谁
- 前端开发者
- 需要网页数据分析的人
- 想要更自然的人机协作体验
⚡ 效果预览
打开一个竞品网页,对AI说帮我分析这个页面的定价策略,AI实时看到页面内容,直接给出分析报告
🔧 Step 0:先确认外部工具配置
⚠️ 本案例依赖外部工具(Telegram/Notion/飞书等),先确认已配置 👉 查看常用工具配置指南 →
这是什么
v2026.3.13 版本新增的功能:OpenClaw 可以直接附加到你正在运行的 Chrome 浏览器会话,实时看到你看到的页面内容。
nerdschalk 报道:“OpenClaw 现可附加到正在运行的 Chrome 会话,AI 实时查看用户看到的页面内容,辅助调试、分析、自动化操作,无需安装任何浏览器扩展。”
不需要安装任何扩展、不需要复制粘贴、不需要截图。 AI 直接看到你的浏览器画面。
和之前有什么不同
| 之前 | 现在 |
|---|---|
| 需要告诉 AI 网址 | AI 直接看到你打开了什么 |
| 需要复制页面内容 | AI 自己读取页面 |
| 需要截图发给 AI | AI 实时看到画面 |
| 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 访问。
解法:
- 分开使用——日常浏览用普通 Chrome,给 AI 的用调试端口启动的 Chrome
- 在 AGENTS.md 中设置不要读取任何包含 bank、password 的页面
- 需要时随时断开连接
多标签页 AI 分不清
症状:开了很多标签页,AI 不知道你在说哪个。
解法:指明标签页——帮我看一下’京东’那个标签页的价格。
不满意怎么调
- 担心隐私 → 只在需要时启用调试端口,用完关闭
- 想更自动 → 设置规则让 AI 在特定页面自动执行操作
- 想用 Firefox → 目前主要支持 Chrome,Firefox 支持有限
#Chrome#浏览器#实时协作#调试#v2026.3.13
⚔️ 同类副本推荐 ⚔️