Claude Code Web 网页版怎么用?无需安装即点即用
Claude Code Web 网页版让你不装 CLI 也能在浏览器里调 AI 改 GitHub 代码:选仓库、提需求、自动开 PR。本文讲清 Web 版与终端版差异和使用步骤
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,他干完叫我」。
准备工作
- 有 Claude Pro / Max 订阅:Web 版用量也吃订阅额度,免费版不能用。订阅规则看 Claude Code 订阅怎么选
- GitHub 账号 + 至少一个仓库:Web 版要选一个 GitHub 仓库当目标
- 海外网络:Anthropic 服务在国内没有官方入口,要稳定海外网络
- 现代浏览器: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」(或类似按钮),界面会让你:
- 选目标仓库:从你授权的列表里选
- 选目标分支:通常是
main或develop,Claude 会从这里 fork 一个工作分支 - 写任务描述:用人话描述你要它做什么
第 4 步:写一个清晰的任务描述
Web 版最关键的一步——任务描述要尽可能清晰,因为它会自己跑、你没法实时打断。
差的描述:「优化一下登录功能」
好的描述:
在 src/components/Login.tsx 里,登录失败后给用户一个具体的错误提示(不要只显示
Login failed)。要求:1) 区分密码错和账号不存在;2) 错误提示用红色字体显示在表单下方;3) 加一个『忘记密码?』链接到/forgot-password;4) 写好单测覆盖新增逻辑。
第 5 步:提交,等待
点「Start」后,Claude 会在远程 VM 里:
- clone 你的仓库
- 装依赖(如果有
package.json/requirements.txt等) - 按你的描述改文件
- 跑测试(如果项目里有)
- 自己 review diff、调整
- commit + push 到一个新分支
- 在 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 的高级玩法
- 并行刷 issue:把 GitHub 上 5 个独立 issue 同时给 Claude,让它各开一个 PR 跑,1 小时内你能批量 review 5 个改动
- 维护别人的开源项目:fork 一个开源项目,让 Claude Web 帮你修一个 bug,提 PR 给上游
- 手机 / iPad 上紧急修线上:出门发现线上挂了,掏出手机打开 Claude Code Web,让 AI 帮你回滚 / 修一个紧急 bug
- 新仓库探索:拿一个你不熟悉的开源项目,让 Web 版「读完整个项目,给我写一个 ARCHITECTURE.md」
- 批量改基础设施:让 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,选这个仓库,新建任务,描述:
请帮我做一次文档拼写检查。
任务范围:
- 只检查 docs/ 目录下所有 .md 和 .mdx 文件
- 不要改代码示例(被 ``` 包起来的部分)
- 不要改大写专有名词(如 GitHub、JavaScript 这种)
要求:
- 找到所有拼写错误(typos)
- 修复它们
- 在 PR 描述里列出所有修改点,每个修改一句话解释
- commit message 用 docs: fix typos in documentation
- 不要做其他无关改动
完成后开 PR 给 main 分支。
10 分钟后回 GitHub 看 PR,几十处拼写一次性改完。这种「重复但需要判断」的任务是 Web 版的甜区。
进阶 / 下一步
- 想看 CLI 终端版怎么用 → Claude Code 怎么用
- 想看 CLI 安装 → Claude Code 怎么安装
- 想看订阅选哪个 → Claude Code 订阅怎么选
- 想看进阶技巧 → Claude Code 进阶 10 招
- 想看 CLAUDE.md 写法(影响 Web 版行为)→ CLAUDE.md 怎么写
- 想看国内替代 → Kimi Code 是什么
- 想看主流工具对比 → AI 写代码完全指南