教程

Claude Code 网页版完全指南:云端运行、关掉浏览器继续跑、GitHub 自动修 PR

Claude Code 网页版完全指南:云端 VM 运行原理、预装工具列表、配置同步规则、Setup Script 用法、网络访问控制、Auto-fix PR 自动修复,以及本地和云端之间无缝切换。

2026/4/125分钟 阅读ClaudeEagle

传统 Claude Code 运行在你本地:关掉终端,任务就停了。Claude Code 网页版不同——任务运行在 Anthropic 管理的云端,关掉浏览器、合上笔记本,任务继续跑,手机 App 还能实时监控进度。


网页版 vs 本地版核心区别

本地 CLI网页版
运行位置你的机器Anthropic 云端 VM
关掉终端任务停止任务继续
手机监控需要 Remote Control直接用 Claude App
工具环境你自己的环境预装开发工具的标准 VM
凭证/密钥本地 .env需要在环境设置里配置

适合网页版的场景

  • 长时间跑的任务(几十分钟以上)
  • 需要在不同设备之间切换监控
  • CI/CD 风格的自动化任务
  • 不想污染本地环境的实验性任务

快速开始

访问 claude.ai/code,登录,连接 GitHub,选择仓库,提交第一个任务。


云端环境里有什么?

每个会话在一个全新的 Anthropic VM 里运行,克隆你的代码仓库后开始工作:

类别预装内容
PythonPython 3.x、pip、poetry、uv、pytest、mypy、ruff
Node.js20/21/22(via nvm)、npm、yarn、pnpm、eslint、prettier
Ruby3.1/3.2/3.3、gem、bundler
JavaOpenJDK 21、Maven、Gradle
Go最新稳定版
Rustrustc、cargo
数据库PostgreSQL 16、Redis 7.0(已安装,默认未启动)
容器Docker、docker compose
工具git、jq、ripgrep、tmux、vim

资源限制:4 vCPU、16 GB RAM、30 GB 磁盘。


哪些配置会同步到云端?

云端会话从仓库克隆开始,只有提交到 git 里的配置才有效

配置在云端可用?原因
仓库里的 CLAUDE.md随仓库克隆
.claude/settings.json(Hooks 等)随仓库克隆
.mcp.json MCP 服务器随仓库克隆
.claude/skills/ 技能随仓库克隆
你本机的 ~/.claude/CLAUDE.md只在本机
claude mcp add 添加的 MCP写在本机 user config
.env 里的密钥不在仓库里

经验:团队共用的配置(CLAUDE.md、hooks、MCP 服务器)都应该提交到仓库,这样云端会话和本地会话行为一致。


Setup Scripts:安装云端需要但本地已有的工具

本地已经装好了的工具(如特定 CLI),云端 VM 可能没有。用 Setup Script 在会话启动时安装:

在环境设置里的 Setup script 字段填入:

bash
#!/bin/bash
# 安装 gh CLI(云端默认没有)
apt update && apt install -y gh

# 安装项目特定工具
curl -fsSL https://get.example.com/tool | bash

Setup Script vs SessionStart Hook 的区别

Setup ScriptSessionStart Hook
在哪配置云端环境 UI仓库 .claude/settings.json
什么时候跑会话创建前会话启动后
在哪跑只在云端云端 + 本地都跑

只需要在云端跑的逻辑(如安装工具),放 Setup Script;本地和云端都需要的逻辑(如 npm install),放 SessionStart Hook,并在脚本里检查是否在云端:

bash
#!/bin/bash
# 只在云端环境里运行
if [ "${CLAUDE_CODE_REMOTE}" != "true" ]; then
  exit 0
fi
npm install
pip install -r requirements.txt

网络访问控制

每个环境可以设置网络访问级别:

级别允许的出站连接
None无网络访问
Trusted预设白名单:npm、PyPI、RubyGems、GitHub、常用云 SDK
Full任意域名
Custom自定义域名白名单

大多数项目用 Trusted 就够了。需要访问内部服务时选 Custom 并添加域名。


Auto-fix:PR 收到评论自动修复

这是网页版的杀手级功能——在 GitHub PR 上收到 review 评论或 CI 失败,Claude 自动启动会话修复,完成后推送新 commit。

开启条件:需要安装 GitHub App(不是用 /web-setup 授权的方式,因为 Auto-fix 需要接收 PR webhook)。

适合场景

  • CI 失败时自动修复(如 lint 错误、测试失败)
  • 收到「请修一下这里的 typo」类型的 review 评论
  • 规范性修改(如统一代码风格)

本地和网页版之间切换

任务在云端跑,但你想在本地继续?两个命令:

bash
# 从终端启动云端会话(不需要打开浏览器)
claude --remote

# 把正在云端跑的会话拉到本地继续
claude --teleport <session-id>

同一个任务可以无缝在云端和本地之间切换。


手机 App 监控

任务在云端跑时,Claude App(iOS/Android)可以:

  • 实时查看任务进度
  • 在任务需要确认时收到通知并响应
  • 查看完成结果
  • 用 Dispatch 从手机启动新任务发到桌面端

常见注意事项

密钥和凭证:目前没有专用的 Secrets Store。如果任务需要 API Key,在环境设置里加环境变量,注意所有有环境编辑权限的人都能看到。

交互式认证:不支持需要浏览器弹窗的认证(如 AWS SSO),因为云端 VM 没有浏览器。用 API Token 替代。

会话不持久化:每个新会话从全新 VM 开始。用 Setup Script 或 SessionStart Hook 安装依赖,不要手动在会话里安装后期望下次还在。


来源:Claude Code 网页版官方文档 | 整理:ClaudeEagle

相关文章推荐

教程Claude Code 平台选择指南:CLI、Desktop、VS Code、网页版、手机端,哪个最适合你Claude Code 平台选择完整指南:CLI、Desktop、VS Code、JetBrains、网页版、手机 App 全面对比,含各平台独有能力、远程控制选项、集成方案和选择建议流程图。2026/4/12教程Claude Code 团队用量分析仪表板:PR 归因算法、贡献指标配置与 ROI 量化方法Claude Code 团队用量分析完整指南:两个仪表板入口(Teams/Enterprise vs API Console)、四步启用贡献指标(GitHub App 安装+Owner 配置+GitHub 认证)、五大核心指标(PRs with CC/代码行/占比/接受率)、四大图表(采纳趋势/人均 PR/PR 分解/排行榜)、PR 归因算法(四步流程/21 天时间窗口/20% 重写阈值/自动排除文件类型/claude-code-assisted 标签),以及三步 ROI 量化法。2026/3/7教程Claude Code in Slack:在团队聊天里直接触发 AI 修 bug、创建 PRClaude Code Slack 集成完整配置指南:4 步配置从团队聊天触发 AI 编码任务,含路由模式选择、上下文利用、仓库自动检测、权限管理,以及 Slack 提示词写法技巧。2026/4/12教程Claude Code JetBrains 插件完全指南:IntelliJ、PyCharm、WebStorm 使用教程Claude Code JetBrains 插件完整配置指南:支持 IntelliJ、PyCharm、WebStorm、Android Studio,含安装步骤、5 个核心功能(IDE Diff 查看器、选中自动共享、诊断错误自动发送)、WSL 配置和常见问题排查。2026/4/12教程完美 CLAUDE.md 写法指南:三大支柱结构、防踩坑清单和可直接复用的模板CLAUDE.md 完整写法指南:三大支柱结构(WHAT/WHY/HOW)、10 项防踩坑规则、渐进式披露策略、与 AGENTS.md 的选择,附可直接复用的模板和优化检查清单。2026/4/11教程Claude Code SKILL.md 自定义技能教程:创建可复用 AI 工作流,告别重复配置Claude Code SKILL.md 自定义技能教程:4 种技能类型详解(领域知识、工作流、安全检查、支付约束),含团队共享配置和全局 Skill 设置,告别每次重复配置。2026/4/10