🤖 AI 跟我学 新手入门

Claude Code Web 网页版怎么用?无需安装即点即用

Claude Code Web 网页版让你不装 CLI 也能在浏览器里调 AI 改 GitHub 代码:选仓库、提需求、自动开 PR。本文讲清 Web 版与终端版差异和使用步骤

发布 2026/05/18 📎 参考官方文档

30 秒了解:Claude Code Web 是什么

Claude Code Web 是 Anthropic 推出的浏览器版本 Claude Code——不用装 CLI、不用配本地环境,打开网页选个 GitHub 仓库、描述你要它做啥,Claude 在远程虚拟机里跑、跑完直接给你开一个 PR。

适用场景:

  • 你出门没带电脑,手机 / iPad / 别人的电脑上想让 AI 帮你改一下代码
  • 你有 5 个独立 issue 同时想跑,让 Claude 在云端并行处理
  • 你要修一个不在本地的仓库(同事的、刚开源的别人项目)

谁应该开启:所有已经在用 Claude Code 的人,Web 版是免费附加功能(看你订阅档),多一个出口没坏处。

Claude Code Web 跟终端版的核心差异

维度Claude Code(CLI)Claude Code Web
运行环境你本地终端Anthropic 远程虚拟机
需要安装是(npm / brew)否(直接浏览器)
代码读写直接读你本地文件读 GitHub 远程仓库
改完结果直接改你本地文件自动开 PR
适合任务需要频繁纠偏、探索性强需求清晰、能跑完不用打断
并行一次一个会话多个任务同时跑
适合场景本地开发主战场出门 / 离线 / 并行刷 issue

一句话:CLI 适合「我陪着 AI 一起干」,Web 适合「我把任务扔给 AI,他干完叫我」。

准备工作

  1. 有 Claude Pro / Max 订阅:Web 版用量也吃订阅额度,免费版不能用。订阅规则看 Claude Code 订阅怎么选
  2. GitHub 账号 + 至少一个仓库:Web 版要选一个 GitHub 仓库当目标
  3. 海外网络:Anthropic 服务在国内没有官方入口,要稳定海外网络
  4. 现代浏览器:Chrome / Safari / Edge 都行

如果你完全没用过 Claude Code,先看 Claude Code 是什么 入门。

详细操作步骤

第 1 步:打开 Claude Code Web 入口

在浏览器登录 claude.com,左侧菜单里找到「Code」入口(具体位置以官方界面为准,可能叫「Coding」或「Claude Code」)。

[此处放截图:claude.com 主界面,红框标注 Code 入口位置]

第 2 步:连接 GitHub

第一次用要授权 GitHub。点击「Connect GitHub」按钮,跳到 GitHub 授权页,选要授权的组织和仓库。

💡 你可以授权全部仓库,也可以只授权特定几个。建议先只授权你自己的小项目试一下,别一上来给公司大仓库授权。

GitHub 凭证通过安全代理管理,不会直接出现在虚拟机里——按 Anthropic 文档说法相对安全。

第 3 步:新建一个任务

点「New Task」(或类似按钮),界面会让你:

  1. 选目标仓库:从你授权的列表里选
  2. 选目标分支:通常是 maindevelop,Claude 会从这里 fork 一个工作分支
  3. 写任务描述:用人话描述你要它做什么

第 4 步:写一个清晰的任务描述

Web 版最关键的一步——任务描述要尽可能清晰,因为它会自己跑、你没法实时打断。

差的描述:「优化一下登录功能」
好的描述:

在 src/components/Login.tsx 里,登录失败后给用户一个具体的错误提示(不要只显示 Login failed)。要求:1) 区分密码错和账号不存在;2) 错误提示用红色字体显示在表单下方;3) 加一个『忘记密码?』链接到 /forgot-password;4) 写好单测覆盖新增逻辑。

第 5 步:提交,等待

点「Start」后,Claude 会在远程 VM 里:

  1. clone 你的仓库
  2. 装依赖(如果有 package.json / requirements.txt 等)
  3. 按你的描述改文件
  4. 跑测试(如果项目里有)
  5. 自己 review diff、调整
  6. commit + push 到一个新分支
  7. 在 GitHub 上开一个 PR

整个过程你可以关掉浏览器——任务在远程继续跑,跑完会在 Claude 网页和 GitHub 都看到结果。

第 6 步:在 GitHub 上 review PR

任务跑完,回到 GitHub 仓库 → Pull Requests 标签页,会看到 Claude 提的 PR。像 review 同事 PR 一样 review:

  • 看 diff 是否合理
  • 看 CI 是否绿
  • 看 commit message 是否清晰
  • 如果不满意,在 Claude Code Web 里继续给反馈让它改

第 7 步:合并或继续迭代

满意就 merge;不满意就回到 Claude Code Web 那个任务,加一句「PR 改一下:xxx 部分用 yyy 方式」,它会推新 commit 到同一个 PR。

5 个 Claude Code Web 的高级玩法

  1. 并行刷 issue:把 GitHub 上 5 个独立 issue 同时给 Claude,让它各开一个 PR 跑,1 小时内你能批量 review 5 个改动
  2. 维护别人的开源项目:fork 一个开源项目,让 Claude Web 帮你修一个 bug,提 PR 给上游
  3. 手机 / iPad 上紧急修线上:出门发现线上挂了,掏出手机打开 Claude Code Web,让 AI 帮你回滚 / 修一个紧急 bug
  4. 新仓库探索:拿一个你不熟悉的开源项目,让 Web 版「读完整个项目,给我写一个 ARCHITECTURE.md」
  5. 批量改基础设施:让 Web 版把所有仓库的 GitHub Actions 都升级到新版 Node,挨个开 PR

常见坑 + 解决办法

现象原因解决
Claude Code Web 入口看不到订阅档不含 / 灰度未开通确认是 Pro / Max;等灰度开通
GitHub 授权失败公司组织限制了第三方 App在 GitHub Org 设置里允许 Claude;或换个人账号试
任务跑了很久没出 PR任务太复杂 / VM 出错在任务详情里看日志;拆小任务重跑
跑出来的 PR 改了不该改的文件任务描述不够明确描述里加「只改 X 目录」「不要碰 Y 文件」
CI 在 PR 上挂了远程 VM 跑测试通过,但本地 CI 环境不同让 Claude 看 CI 日志再修一次
任务取消不掉当前界面未提供取消按钮在任务详情页找终止按钮;或等其自然结束

一个实战案例:用 Web 版批量修文档拼写

假设你有一个英文文档仓库,发现拼写错误一堆。本地手工改要 1 小时,用 Web 版 5 分钟搞定:

打开 Claude Code Web,选这个仓库,新建任务,描述:

📋 Prompt 模板

请帮我做一次文档拼写检查。

任务范围:

  • 只检查 docs/ 目录下所有 .md 和 .mdx 文件
  • 不要改代码示例(被 ``` 包起来的部分)
  • 不要改大写专有名词(如 GitHub、JavaScript 这种)

要求:

  1. 找到所有拼写错误(typos)
  2. 修复它们
  3. 在 PR 描述里列出所有修改点,每个修改一句话解释
  4. commit message 用 docs: fix typos in documentation
  5. 不要做其他无关改动

完成后开 PR 给 main 分支。

10 分钟后回 GitHub 看 PR,几十处拼写一次性改完。这种「重复但需要判断」的任务是 Web 版的甜区

进阶 / 下一步