OpenClaw * web-access:我让 AI 自己打开浏览器,帮我刷了10个平台

先说结论：

这个组合解决的核心问题很简单——AI 能干活，但它的"眼睛"不好使。

如果你用过 OpenClaw，或者任何 AI Agent 工具（Claude Code、Codex、Cursor），你一定遇到过这种场景：

这就是当前 AI Agent 联网的三座大山：登录墙、动态渲染、低效串行。

而问题的根源在于——大多数 Agent 的"联网"，其实只是"搜索+抓取"，不是真正意义上的"浏览"。

主角一：OpenClaw —— AI 的"大脑和双手"

奥地利开发者 Peter Steinberger 在"退休实验"中创建的开源项目，4个月冲到 GitHub 354K+ Stars。核心理念是"让 AI 拥有双手"——通过 WhatsApp、Telegram、飞书等 20+ 平台跟你对话的同时，它能操作你的文件系统、执行命令、管理日历、调用模型……

但它有一个短板：内置的联网能力偏弱。

主角二：web-access —— AI 的"眼睛"

由开发者一泽EZE (eze-is) 创建的开源 Skill，一周内冲到 4.8K+ Stars。它不是 MCP，而是 Skill——不仅给工具，还给"怎么用工具"的完整方法论。

核心能力就一件事：让 Agent 从"搜索网页"升级为"像真人一样浏览网页"。

先看一张全景图：

关键点来了——web-access 接管的是你自己正在用的 Chrome，不是另开一个无头浏览器。

这意味着什么？你在 Chrome 里登录过的所有网站——小红书、微信公众号、公司内网、GitHub——Agent 直接就能用，不需要再走一遍登录流程。这是和其他方案最大的区别。

当 OpenClaw 遇到一个联网任务时，web-access 不是上来就开浏览器，而是按优先级从轻到重逐层尝试：

直接看对比表，差距一目了然：

用一句话总结：OpenClaw 原生联网是"拿着望远镜看世界"，装了 web-access 之后变成了"亲自走进现场考察"。

整个 web-access 的核心底座是 CDP（Chrome DevTools Protocol）——Chrome 远程调试协议。就是你按 F12 打开开发者工具时，底层在用的那套协议。

通过 CDP，外部程序可以控制浏览器做这些事：

• 导航控制：打开 URL、前进后退、刷新

• 脚本执行：在页面里运行任意 JavaScript

• DOM 操作：读取内容、修改样式、触发事件

• 模拟输入：键盘打字、鼠标点击、页面滚动

• 网络监听：捕获所有 HTTP 请求和响应

• 生成截图：任意时刻截取当前视口

但 CDP 原始协议是 WebSocket，调用门槛高。所以 web-access 加了一层 CDP Proxy——把 WebSocket 包装成简单的 HTTP API：

# 列出当前所有浏览器标签页curl http://localhost:3456/targets

# 在指定标签页执行 curl"http://localhost:3456/eval?target=xxx"-d'document.title'

# 点击页面某个元素curl"http://localhost:3456/click?target=xxx"-d'button.submit'

# 截图保存当前视口curl"http://localhost:3456/screenshot?target=xxx"

# 向指定元素输入文字curl"http://localhost:3456/type?target=xxx"-d'hello world'

作者把这套设计提炼成了一个公式：

翻译成人话就是：不只告诉 Agent "有哪些工具可用"，还要教它"什么时候用什么、怎么用好、踩过哪些坑"。这正是 OpenClaw Skill 架构的设计哲学——Skill 不只是工具箱，更是专家的操作手册。

前提条件：你已经装好了 OpenClaw（没装的参考文末链接）。

第一步：安装 web-access Skill

在 OpenClaw 中直接发送以下指令（通过任意已接入渠道：Telegram / Discord / CLI 等）：

帮我安装 web-access skill， 仓库地址是 https://github.com/eze-is/web-access 这个 skill 原为 Claude Code 设计，安装前请先理解其核心原理 和工作逻辑，再结合 OpenClaw 的 Agent 架构与电脑环境进行适配， 使其真正融入当前环境，而非生硬移植。

第二步：开启 Chrome 远程调试

这一步只需要做一次：

# 方法一：地址栏输入（推荐）chrome://inspect/#remote-debugging  # 勾选「允许远程调试」，重启 Chrome
# 方法二：命令行启动（高级用户）
# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --remote-debugging-port=9222
# Windows
"C:\Program Files\Google\Chrome\Application\chrome.exe" \
  --remote-debugging-port=9222

装完之后，Skill 会自动做环境检查：Node.js 版本 ≥ 22？CDP 端口通不通？Proxy 进程有没有跑起来？全部绿灯就可以用了。

工具的上限，决定了你能做事情的边界。

OpenClaw 给了 AI "双手"（执行能力），web-access 给了 AI "眼睛"（真实的联网感知能力）。两者结合，才是完整的 Agent。