Web Access

Claude Code 原生虽然具备 WebSearch 和 WebFetch 能力，但往往受限于静态页面抓取、缺乏登录态、无法处理动态交互等痛点。Web Access 补全了这块短板。它不仅仅是一个联网工具，更是一套完整的浏览器自动化策略，让 Claude 能够操控你日常使用的 Chrome 浏览器，携带真实的登录 Cookie，执行点击、上传、截帧等复杂操作。

最新发布的 v2.4 版本 进一步强化了站点经验积累与平台特异性支持，使其成为目前最强大的 Claude 联网增强方案。

v2.4 核心突破：从“读取”到“操作”

1. 智能联网策略调度

不再需要手动指定工具。Web Access 内置了智能路由机制，能根据任务场景自动选择最优组合：

• 简单查询 → WebSearch / Jina (节省 Token)
• 静态文章 → WebFetch / curl
• 动态交互/登录态需求 → CDP Proxy (Chrome DevTools Protocol)
• 混合任务 → 自主组合多种工具并行执行。

2. CDP Proxy：直连你的真实浏览器

这是 Web Access 的杀手锏。它通过 WebSocket 直连你日常使用的 Chrome 浏览器（无需启动无头模式）：

• 天然登录态：直接复用你浏览器中已登录的 Google、GitHub、小红书、Twitter 等会话，无需配置繁琐的 Cookie。
• 动态页面支持：完美处理 SPA (单页应用)、无限滚动、懒加载内容。
• 真实交互：支持模拟真实鼠标事件、文件上传、视频截帧。

3. 三种精细化点击模式

针对不同场景提供不同精度的操作指令：

• /click：基于 JavaScript 的触发，速度快，适合普通按钮。
• /clickAt：CDP 真实鼠标事件，模拟物理点击坐标，可绕过部分前端防御或触发 hover 效果。
• /setFiles：原生文件上传支持，解决 AI 无法上传文件的难题。

4. 并行分治架构

面对多目标调研任务（如“对比这 5 个竞品官网”），系统会自动分发多个子 Agent 并行执行。

• 共享 Proxy：所有子任务共用一个浏览器连接，资源占用极低。
• Tab 级隔离：每个子任务独立 Tab 运行，互不干扰，效率倍增。

5. 站点经验积累 (Site Memory)

Web Access 具备“记忆”能力。它会按域名存储操作经验：

• URL 模式识别：记录特定网站的 URL 生成规则。
• 平台陷阱规避：记录已知反爬策略或特殊跳转逻辑。
• 跨 Session 复用：下次访问同一网站时，直接调用历史经验，少走弯路。

v2.4 专属更新：更懂“人情世故”

本次更新重点强化了对复杂平台行为的理解：

• 🔗 URL 可靠性认知升级：
  • 明确区分“站点生成链接”（自带完整上下文参数）与“手动构造链接”（可能缺失隐式参数导致 404）。AI 现在更倾向于提取而非猜测 URL。
• ⚠️ 错误提示去伪存真：
  • 新增技术事实库：平台返回的“内容不存在”、“404”可能是访问方式不对（如需要登录、需要特定 Header），而非内容真的没了。AI 会尝试切换访问策略而非直接放弃。
• 📕 小红书深度适配：
  • 内置 xsec_token 机制处理。
  • 支持创作者平台状态校验。
  • 掌握暂存草稿发布流程，实现真正的“代发帖”。

部署指南：只需三步

第一步：安装 Skill

方式 A：自动安装（推荐）
直接在 Claude Code 中输入：

"帮我安装这个 skill: https://github.com/eze-is/web-access"

方式 B：手动安装

git clone https://github.com/eze-is/web-access ~/.claude/skills/web-access

第二步：配置 Chrome (CDP 模式)

为了让 AI 操控你的浏览器，需开启远程调试：

1. 在 Chrome 地址栏输入：chrome://inspect/#remote-debugging
2. 勾选 "Allow remote debugging for this browser instance"。
3. 重启 Chrome 浏览器。

第三步：启动 Proxy 服务

运行环境检查并启动代理：

# 检查依赖 (需 Node.js 22+)
bash ~/.claude/skills/web-access/scripts/check-deps.sh

# 启动 CDP Proxy (后台运行)
node ~/.claude/skills/web-access/scripts/cdp-proxy.mjs &

Proxy 默认监听 localhost:3456，提供标准 HTTP API。

实战场景：它能做什么？

安装完成后，你可以直接用自然语言下达复杂指令：

• 深度调研：“帮我搜索 XXX 产品的最新用户反馈，特别是小红书和 Twitter 上的真实评价，并总结优缺点。”
  • (AI 会自动登录你的账号，爬取需要权限的内容)
• 自动化操作：“登录我的 GitHub，查看 Issues 列表，把标记为 'bug' 的前 5 个问题标题和链接整理成表格。”
• 内容发布：“帮我在小红书创作者平台发一篇图文，标题是‘XXX’，内容是‘XXX’，图片用这张 [本地路径]。”
  • (AI 会执行真实的文件上传和点击发布操作)
• 视频分析：“打开这个 YouTube 视频，在第 3 分钟处截一张图，分析画面里的文字信息。”
• 并行对比：“同时打开这 5 个 SaaS 产品的定价页面，对比它们的企业版功能差异，生成对比报告。”