Claude Code on the Web 让开发者无需本地环境即可在 Anthropic 托管的云端基础设施上运行 Claude Code 任务。目前处于研究预览阶段。
适用场景
- 回答架构问题：了解代码架构和功能实现方式
- Bug 修复和常规任务：不需要频繁引导的明确任务
- 并行工作：同时处理多个 Bug 修复
- 本地没有的仓库：直接操作未在本地 clone 的代码
- 后端变更：Claude Code 先写测试，再写通过测试的代码
适用用户
Pro、Max、Team 用户，以及有 premium 席位或 Chat + Claude Code 席位的 Enterprise 用户。
快速上手
- ��问 claude.ai/code
- 连接 GitHub 账号
- 在仓库中安装 Claude GitHub App
- 选择默认执行环境
- 提交编码任务
- 在 Diff 视图中审查变更，迭代后创建 PR
工作原理
1. 仓库克隆 → Anthropic 托管 VM
2. 环境准备 → 安全云端环境 + 代码
3. 网络配置 → 按设置配置网络访问
4. 任务执行 → 分析代码、修改、运行测试、验证
5. 完成通知 → 可创建包含变更的 PR
6. 结果推送 → 变更推送到分支，等待 PR
Diff 视图审查变更
Diff 视图让你在创建 PR 前直接在 App 内看到 Claude 的具体修改，无需先点「Create PR」再去 GitHub 审查。
当 Claude 修改文件后，会出现 Diff 统计指示器（如 +12 -1），点击即可打开 Diff 查看器：
- 左侧：文件列表
- 右侧：每个文件的具体变更
在 Diff 视图中可以：
- 逐文件审查变更
- 针对特定变更发表评论要求修改
- 基于所见继续与 Claude 迭代
无需创建草稿 PR 或切换到 GitHub，多轮反馈全在 App 内完成。
Web ↔ 终端之间切换任务
⚠️ 会话切换是单向的：可以将 Web 会话拉到终端，但无法将现有终端会话推送到 Web。
--remoteFlag 会为当前仓库创建一个新的 Web 会话。
终端 → Web（--remote Flag）
# 在终端启动 Web 会话
claude --remote "Fix the authentication bug in src/auth/login.ts"任务在云端运行，你在本地继续工作。用 /tasks 检查进度，或在 claude.ai / Claude 手机 App 直接交互。
实战技巧——本地规划 + 云端执行：
# 第一步：本地用 Plan Mode 制定方案
claude --permission-mode plan
# Plan Mode 下 Claude 只读文件，不修改
# 第二步：方案确认后，发到云端自主执行
claude --remote "Execute the migration plan in docs/migration-plan.md"并行运行多个任务（每个 --remote 创建独立的 Web 会话）：
claude --remote "Fix the flaky test in auth.spec.ts"
claude --remote "Update the API documentation"
claude --remote "Refactor the logger to use structured output"用 /tasks 监控所有会话。完成后从 Web 界面创建 PR，或 Teleport 回终端继续工作。
Web → 终端（Teleport）
将 Web 会话拉到本地终端继续：
# 交互式选择 Web 会话
/teleport # 在 Claude Code 会话中
claude --teleport # 从命令行
# 指定会话 ID
claude --teleport <session-id>
# 从 /tasks 界面按 t 键 Teleport
/tasks # 然后按 tWeb 界面也有「Open in CLI」按钮，复制命令粘贴到终端即可。
Teleport 的前置要求：
| 要求 | 说明 |
|---|---|
| 干净的 Git 状态 | 工作目录不能有未提交的变更（会提示先 stash） |
| 正确的仓库 | 必须在同一仓库的 checkout 中运行（不能是 fork） |
| 分支可用 | Web 会话的分支必须已推送到 remote，Teleport 自动 fetch 并 checkout |
| 同一账号 | 必须登录与 Web 会话相同的 Claude.ai 账号 |
会话共享
Enterprise/Teams 账号
从 Claude in Slack 或 Web 创建的会话自动对组织可见（在会话列表中显示），团队成员可以查看进度和结果。
Max/Pro 账号
可以手动共享会话链接，接收方无需登录即可查看（只读），适合代码审查或向非技术人员展示工作进度。
会话管理
归档会话：标记为完成，从主列表隐藏，保留历史记录
删除会话：永久删除（含对话历史和代码变更）
云端环境
默认镜像已预装：
- Node.js、Python、Ruby、Go、Rust、Java（JVM）等主流语言
- Git、Docker（镜像拉取）、常用 CLI 工具
- 数据库客户端（PostgreSQL、MySQL、SQLite、Redis）
持久化环境变量（在 CLAUDE.md 或 .env 中配置，每次会话自动加载）：
# 在项目 CLAUDE.md 中
## Environment
Run `source .env.cloud` at the start of each session.网络访问策略
Claude Code on the Web 的网络访问经过严格管控：
默认允许的域名类别：
- Anthropic 服务（API、claude.ai）
- 版本控制（GitHub、GitLab、Bitbucket）
- 容器镜像仓库（Docker Hub、GitHub Container Registry、GCR）
- 主流云平台（AWS、GCP、Azure）
- JS/Python/Ruby/Rust/Go/JVM 包管理器
- 常用 CDN 和开发工具
安全代理：所有出站请求通过安全代理，防止 SSRF 攻击和数据外泄。
GitHub 代理：GitHub 访问通过专用代理路由，确保仓库访问仅限于已授权的连接仓库。
与 Remote Control 的区别
| Claude Code on the Web | Remote Control | |
|---|---|---|
| 代码运行位置 | Anthropic 云端 VM | 你的本地机器 |
| 本地文件系统 | ❌ 克隆的仓库副本 | ✅ 完整本地访问 |
| 本地 MCP 服务器 | ❌ | ✅ |
| 适用场景 | 无本地设置/并行任务/无本地仓库 | 本地工作中途转到其他设备 |
最佳实践
- 明确任务描述：包含文件名、函数名、错误信息
- 定义完成标准：说明是否需要写测试、更新文档、创建 PR
- 利用 Diff 视图迭代：在创建 PR 前多轮审查确认变更
- 并行最大化：不相关的任务同时用
--remote发出 - 本地规划云端执行：复杂任务先 Plan Mode 确认方案，再
--remote执行
原文：Claude Code on the web | 来源：Anthropic 官方文档