Claude Code 网页版教程：云端沙盒手机随时改代码（2026）
发布于 2026年9月8日
Claude Code 一直是「终端里的 AI 编程 agent」，但从 2025 年底开始它多了一种玩法：Claude Code 网页版（官方叫 Claude Code on the web）。你不需要在本机装任何东西，打开浏览器访问 claude.ai/code，连上 GitHub 仓库，用一句话描述任务，Claude 就会在 Anthropic 管理的云端虚拟机里克隆仓库、修改代码、运行测试，最后推一个分支给你审查——全程你可以盯着看，也可以关掉页面去干别的，它照跑不误。手机上打开 Claude App 的 Code 标签页还能随时插话调整方向。这篇教程把网页版从开通、配置到与本地 CLI 联动完整走一遍。
Claude Code 网页版是什么
本地 CLI 版的 Claude Code 运行在你自己的机器上，用你本机的环境和配置；网页版则把执行环境搬到了 Anthropic 的云基础设施：每个任务在一个隔离的云端 VM 里新鲜克隆你的 GitHub 仓库，跑你预设的设置脚本，然后开始干活。会话在设备间持久化——你在笔记本上开的任务，通勤路上可以掏出手机审查结果。它最大的优势是并行：同时开 N 个独立任务，每个任务有自己的会话和分支，不用自己管理多个 git worktree。
一句话定位
Claude Code 网页版 = 云端跑的 Claude Code。浏览器/手机提交任务 → 云 VM 克隆仓库干活 → 推分支回 GitHub 等你审查。适合定义明确、不需要频繁指导的任务，以及并行开多个任务的场景。
谁能用：订阅要求与前置条件
- 订阅：目前处于研究预览（research preview）阶段，Pro、Max、Team 用户可用，企业版需高级席位或 Chat + Claude Code 席位（组织可能需要管理员先开启）。
- 账号：必须用 claude.ai 订阅账号登录。只用 API Key 或第三方网关认证的用户看不到云会话功能（CLI 里 /web-setup 命令会直接隐藏）。
- GitHub：云会话需要 GitHub 仓库。想跑一个全新项目，先在 GitHub 建个空仓库；本地仓库没推 GitHub 的也可以用 CLI 的 --cloud 参数捆绑上传。
- 例外：启用了零数据保留（Zero Data Retention）的组织无法使用云会话功能。
国内使用注意
claude.ai 未对中国大陆直接提供服务，使用网页版需要合规的网络环境与订阅渠道。如果没有条件，可以考虑走本地 CLI + 国产模型套餐（GLM Coding Plan、MiniMax Coding Plan 等）的路线，站内有对应教程。
快速上手：连接 GitHub，跑第一个任务
- 1访问 claude.ai/code，用 Anthropic 账号登录。
- 2按提示安装 Claude GitHub App，授权它访问你的仓库（私有仓库同样要授权）。
- 3创建云环境（Environment）：第一次可以全部保持默认，直接点 Create environment。
- 4在输入框下方选择仓库和分支（默认主分支，可切到功能分支；一个会话还能加多个仓库跨库干活）。
- 5选权限模式：默认 Accept edits（Claude 直接改代码推分支不停下来问你）；想让它先提方案、经你同意再动手，切到 Plan Mode。云会话不提供 Manual / Bypass 模式。
- 6描述任务并回车。写具体一点：点名文件或函数（如「修复 tests/test_auth.py 里失败的认证测试」），有报错输出直接粘贴，描述期望行为而不只是症状。
提交后 Claude 会克隆仓库、跑设置脚本、开始工作。每个任务独立成会话和分支，所以不用等一个跑完再开下一个——这正是网页版的核心用法。
环境配置：网络访问、环境变量与设置脚本
环境（Environment）决定云 VM 里 Claude 能访问什么网络、每次开会话前先跑什么。创建/编辑环境时有四个字段：
| 字段 | 作用 | 要点 |
|---|---|---|
| Name | 显示名 | 多项目/多访问级别时用来区分 |
| Network access | 会话能访问的网络 | 默认 Trusted：放行 npm、PyPI、RubyGems 等常见包仓库，屏蔽一般互联网；也可设为 None 全部禁止 |
| Environment variables | 每个会话可用的环境变量 | .env 格式；值不要加引号（引号会被存进值里）；对能编辑该环境的人可见，别放高敏密钥 |
| Setup script | Claude 启动前运行的 Bash 脚本 | 装 VM 里没有的系统工具（如 apt install -y gh）；结果有缓存，不会每个会话重跑 |
设置脚本有约 5 分钟预算
构建环境缓存的时间预算约 5 分钟，拉大 Docker 镜像、下载模型权重这类重活很容易超时导致会话卡死。对策：独立安装用 & 并行最后 wait；最大的下载挪到 SessionStart hook 后台执行；非关键命令加 || true 别让它阻塞启动；调试时脚本顶部加 set -x 看是哪条命令挂了。
审查与迭代：diff、行内评论、一键 PR
Claude 干完活会把分支推到 GitHub，但会话不会关闭。界面上的差异指示器（如 +42 -18）点开就是 diff 视图：左边文件列表、右边改动。选中任意一行输入反馈按回车，就是行内评论——评论会攒着，随你下一条消息一起发给 Claude，它能精确看到「在 src/auth.ts:47 这里别 catch 错误」这样的定位反馈。diff 看着没问题就点 Create PR（支持完整 PR、草稿、或跳到 GitHub 撰写页）。建 PR 之后会话仍然活着：把 CI 失败输出或 reviewer 的意见粘进聊天，让它接着修。
手机上用 Claude Code
iOS / Android 的 Claude App 里直接有 Code 标签页，功能和网页版一致：提交任务、看进度、插话调整、审 diff。因为会话跨设备持久化，最实用的姿势是「电脑上派任务、手机上跟进」。本地 CLI 用户在 Claude Code 里输 /mobile 会显示二维码，扫码直达。另外注意：关掉浏览器标签页或直接锁屏，任务不会停——它在后台继续跑到当前任务完成，然后转入空闲。不想看到的会话可以在侧边栏归档或删除。
与本地 CLI 联动：--cloud、/web-setup 与 Open in CLI
网页版和本地 CLI 不是二选一，官方给了三条互通路径：
- /web-setup（CLI 内运行）：读取你本地 gh CLI 的令牌绑到 Claude 账号，没有云环境的话自动建一个默认环境。不用开浏览器就完成网页版初始化。注意要先 claude 进入 CLI 再输命令，且必须是 claude.ai 账号登录状态。
- claude --cloud（终端启动云会话）：把当前本地仓库捆绑上传跑云会话，本地仓库没推 GitHub 也能用。
- Open in CLI（网页切回本地）：网页会话页点击后复制一条命令到终端，本地 Claude Code 会把远程会话完整同步下来（聊天记录 + 代码改动），接着在本地继续改。
网页版 vs 本地 CLI vs Remote Control
| 维度 | 网页版 | 本地 CLI | Remote Control |
|---|---|---|---|
| 代码运行在 | Anthropic 云 VM | 你的机器 | 你的机器 |
| 聊天入口 | claude.ai / 移动 App | 终端 | claude.ai / 移动 App |
| 用你的本地配置 | 否（仅仓库） | 是 | 是 |
| 需要 GitHub | 是（或 --cloud 捆绑） | 否 | 否 |
| 断开后继续跑 | 是 | 否 | 终端开着就行 |
| 权限模式 | 接受编辑 / Plan / 自动 | 全部模式 | 询问 / 自动接受编辑 / Plan |
| 网络访问 | 每环境可配置 | 本机网络 | 本机网络 |
选择逻辑：任务定义明确、想并行开工、或者仓库根本不在本机——用网页版；需要本地工具链、本地配置或频繁交互——本地 CLI；想要「代码在自己机器上跑、但用手机监控」——Remote Control。
Claude Code 网页版把「AI 编程 agent」从工位延伸到了任何有浏览器的地方，尤其适合把定义清晰的任务批量派发出去、自己只做审查者。但要真正用好它，前提是你会把需求拆成 AI 能独立完成的任务颗粒度、看得懂它交回来的 diff——这些能力恰恰是 AI 时代开发者的核心竞争力。想系统学习用 Claude Code 等 AI 工具高效做出真实产品，欢迎来 IMAI 的体系化实战课程。
想系统学会用 AI 编程,从入门到做出真实产品?
查看系统课程