Appearance
OpenClaw是AI的"大脑和双手"，web-access是它的"眼睛"——两者结合，你的Agent终于能像人一样浏览网页了。
结论先行
OpenClaw + web-access = 目前开源界最完整的Agent联网方案。
前者提供354K Stars级的AI执行框架，后者补齐了联网能力的最后一块短板。
这个组合解决的核心问题很简单——AI能干活，但它的"眼睛"不好使。
AI的"眼睛"有什么毛病
如果你用过任何AI Agent工具，一定遇到过这些场景：
| 场景 | 问题 |
|---|---|
| 需要登录的网站 | Agent没有登录态，打开页面要么空壳，要么被反爬挡在门外 |
| 动态渲染的页面 | GitHub提交记录、B站视频列表、SPA单页应用——HTTP请求只能拿到JS混淆代码 |
| 多平台并发调研 | Agent只能一个一个串行去查，效率极低，还要反复试错 |
这就是当前AI Agent联网的三座大山：登录墙、动态渲染、低效串行。
两个主角
OpenClaw — AI的"大脑和双手"
奥地利开发者Peter Steinberger在"退休实验"中创建的开源项目，4个月冲到GitHub 354K+ Stars。
核心理念是"让AI拥有双手"——通过WhatsApp、Telegram、飞书等20+平台跟你对话的同时，它能操作文件系统、执行命令、管理日历、调用模型……
短板：内置的联网能力偏弱。本质还是HTTP层面的操作——不执行JavaScript、不带登录态、不能交互点击。
web-access — AI的"眼睛"
由开发者一泽EZE创建的开源Skill，一周内冲到 4.8K+ Stars。
核心能力就一件事：让Agent从"搜索网页"升级为"像真人一样浏览网页"。
MCP是给你一把螺丝刀，Skill是给你一把螺丝刀外加一份说明书——告诉你这颗螺丝从哪个方向拧、用多大力、拧不动的时候换什么姿势。
它们在一起是怎么工作的
👤 你 → 微信/Telegram/WhatsApp发送指令
↓
🦞 OpenClaw (Gateway + Agent + 记忆)
↓ 匹配到联网任务，调用web-access
🌐 web-access (五层通道调度 + CDP Proxy)
↓
🔴 Chrome浏览器 ← 你日常使用的浏览器实例
↑ 登录态天然携带，看到的内容和你自己打开一样关键点：web-access接管的是你自己正在用的Chrome，不是另开一个无头浏览器。这意味着你在Chrome里登录过的所有网站——Agent直接就能用。
web-access的五层联网能力
web-access不是上来就开浏览器，而是按优先级从轻到重逐层尝试：
| 层级 | 方式 | 适用场景 | 特点 |
|---|---|---|---|
| ① | WebSearch | 简单事实查询 | ⚡最快、最省Token |
| ② | WebFetch | 静态博客、新闻、技术文档 | 不执行JS，够用就不上重武器 |
| ③ | curl | API返回、简单页面 | WebFetch失败时的降级 |
| ④ | Jina Reader | JS渲染但无需登录的页面 | 免费额度有限 |
| ⑤ | CDP浏览器直连 ⭐ | 动态渲染、需要登录、反爬网站 | 支持点击/输入/滚动/截图/多Tab并行 |
渐进式升级策略：能用Layer 1解决的绝不用Layer 5。只有前四层都搞不定的时候（比如小红书这种动态渲染+登录墙+反爬三位一体的站点），才启动CDP浏览器直连。
装了web-access之后，差距有多大
| 对比维度 | OpenClaw原生联网 | + web-access |
|---|---|---|
| 工具策略 | Search/Fetch二选一 | 五层渐进式调度 ✅ |
| 登录态 | 需单独维护CDP Profile | 直连用户Chrome ✅ |
| 动态渲染 | 不支持JS执行 | 真实浏览器渲染 ✅ |
| 并发能力 | 串行，可能抢占焦点 | 多Tab后台并行 ✅ |
| 交互操作 | 只读模式 | 完整DOM交互 ✅ |
| 反爬对抗 | 易被封禁 | 真实浏览器指纹 ✅ |
一句话总结：OpenClaw原生联网是"拿着望远镜看世界"，装了web-access之后变成了"亲自走进现场考察"。
实际效果有多猛
案例一：三平台竞品调研 → 并行3倍提速
任务：调研Dify、Coze、FastGPT，整理成对比表
Agent自动拆分为3个子Agent并行，各自开浏览器标签翻官方文档、提取节点类型和定价信息。耗时 = 单个平台调研时间，效率提升约3倍。
案例二：小红书用户讨论 → 从搜索到浏览
任务：去小红书搜索"某关键词"，整理前10条帖子观点
Agent判定小红书需要CDP模式，接管已登录的Chrome标签页 → 输入关键词 → 等渲染 → 提取列表 → 点进详情抓评论。从"搜索"到"浏览"的能力跃迁。
案例三：10平台并发监控 → 百级Tab同时跑
任务：同时监控小红书、微博、B站、Boss直聘、虎嗅等10个平台
实测：10个子Agent同时操作10个不同平台，各开10个Tab（共100个网页），并行执行站内搜索、内容抓取、趋势分析。耗时比单Agent串行减少约90%。
技术底座：为什么是CDP
整个web-access的核心底座是CDP（Chrome DevTools Protocol）——Chrome远程调试协议。
通过CDP，外部程序可以控制浏览器：
- 导航控制：打开URL、前进后退、刷新
- 脚本执行：在页面里运行任意JavaScript
- DOM操作：读取内容、修改样式、触发事件
- 模拟输入：键盘打字、鼠标点击、页面滚动
- 网络监听：捕获所有HTTP请求和响应
- 生成截图：任意时刻截取当前视口
CDP原始协议是WebSocket，调用门槛高。web-access加了一层CDP Proxy——把WebSocket包装成简单的HTTP API。
web-access对OpenClaw的三大增强
杀手锏一：登录态天然携带
CDP Proxy接入的是你日常用的Chrome。你在浏览器里登录过的小红书、微信公众号、飞书、公司内网……Agent直接继承全部登录状态。这是MCP chrome-devtools、Puppeteer做不到的。
杀手锏二：Sub-Agent并行分治
遇到多个目标调研任务，主Agent自动拆分子任务，分发给多个子Agent并行执行。每个子Agent操作自己的浏览器标签页，结果汇总给主Agent整合输出。10平台并发耗时减少约90%。
杀手锏三：站点经验自动沉淀
web-access维护了一个references/site-patterns/目录，按域名存储每次成功操作的路径经验——小红书的搜索框CSS选择器在哪、B站的懒加载特点是什么。首次访问新站点会探索学习，后续同域名访问直接复用，越用越顺。
怎么装
第一步：安装web-access Skill
在OpenClaw中发送：
帮我安装 web-access skill，仓库地址是 https://github.com/eze-is/web-access
这个skill原为Claude Code设计，安装前请先理解其核心原理和工作逻辑，
再结合OpenClaw的Agent架构与电脑环境进行适配。GitHub上已有社区适配版
openclaw/skills/skills/ysyyrps777/web-access-openclaw，可以直接放到OpenClaw自定义技能目录中使用。
第二步：开启Chrome远程调试
方法一：地址栏输入（推荐）
chrome://inspect/#remote-debugging
# 勾选「允许远程调试」，重启Chrome方法二：命令行启动（高级用户）
bash
# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \n --remote-debugging-port=9222
# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" \n --remote-debugging-port=9222局限也要知道
| 问题 | 说明 |
|---|---|
| Token消耗增加 | CDP模式比普通搜索消耗更多。建议日常查询走Layer 1-4 |
| 依赖Chrome运行 | Chrome意外关闭则CDP功能失效。仅支持Chromium内核浏览器 |
| 首次访问新 |
