Claude Code 网页版曝光， 留给 Lovable 和 Manus 们的机会，可能，不多了

推荐语

Claude Code网页版意外曝光，智能编程助手即将迎来全新体验，开发者工具赛道或将重新洗牌。

核心内容：
1. Claude Code网页版功能提前泄露，展示三种网络访问安全级别
2. 研究预览阶段受限访问，提供CLI替代方案及安装指南
3. 项目管理界面曝光，支持GitHub仓库集成与可爱交互设计

杨芳贤

53AI创始人/腾讯云(TVP)最具价值专家

Claude Code 终于要出网页版了！

网友 TestingCatalog 在 Claude 网站的设置页面里发现了一个「本不该出现」的新选项：Claude Code 网页版！

这个功能看起来是被提前泄露了，因为很快，Anthropic 就把它撤回了。

但互联网是有记忆的，而 TestingCatalog 的手速一直也是够快的。下面我们就来看看网页版 Claude Code 的真容。

设置页面曝光

在 Claude 网页版的设置界面里，突然出现了一个新的「Claude Code」选项。

页面描述写着：

「Claude Code 是一个智能编程工具，它生活在你的终端中，理解你的代码库，并通过自然语言命令帮助你更快编码」。

更关键的是下面这句话：「允许组织成员通过 Claude Code 网页版和 CLI 在云端运行编程会话」。

这也直接说明，Claude Code 不仅有 CLI 版本，网页版和移动版也都在路上了！

三种安全级别

进入 Claude Code 后，首先要设置默认的云环境。Anthropic 提供了三种不同的网络访问级别：

可信网络访问（Trusted network access）

这是推荐选项，可以从经过验证的源下载包，在安全性和性能之间取得平衡。

无网络访问（No network access）

阻止互联网访问，提供最大程度的安全性，但功能会有所减少。

自定义访问（Custom access）

创建允许或拒绝访问的域名列表，支持通配符配置。

每个环境也都配上了形象的图标：可信网络是带云朵的文件夹加盾牌，无网络是带锁的文件夹，自定义是带地球的文件夹。

页面底部还提供了了解更多安全风险的链接，以及查看可信来源列表的选项。

研究预览阶段

当试图访问 Claude Code 时，会看到一个可爱的小猪图标和「High demand right now」的提示。

系统显示：「Claude Code 网页访问暂时受限，以保持每个人的体验流畅」。

但 Anthropic 也提供了替代方案：可以通过 Claude Code CLI 立即开始编码，无需等待。还在页面上给出了安装命令：

npm install -g @anthropic-ai/claude-code

完项目管理界面

Claude Code 的主界面的左侧是会话（Sessions）列表，会显示此前的项目。其中每个会话都标注了对应的 GitHub 仓库（如 allexeye/ERIN）。

右侧主要区域显示「let's git together and code」的欢迎语，配上了那个标志性的橙色小猪图标。并且还能围着鼠标蹦蹦跳跳，十分可爱：

顶部有输入框，提示文字是「Ask Claude to write code...」。

环境配置选项

在创建新的云环境时，可以看到更详细的配置界面。

除了命名环境（默认叫 Default），还能选择网络访问级别。

下拉菜单展开后，每个选项都有详细说明：

• 可信网络访问：从经过验证的源下载包，平衡安全性和性能

• 无网络访问：阻止互联网访问以获得最大安全性，但功能会减少

• 自定义访问：创建允许或拒绝的域名列表

界面底部有「取消」和「创建环境」两个按钮。

实际运行展示

界面显示了详细的任务计划：

• 从 testingcatalog.com 获取关于 Claude 的最新帖子

• 读取当前 README 文件

• 将帖子标题添加到 README

• 提交并推送更改到分支

但在执行 WebFetch 时遇到了问题：「无法验证域名 testingcatalog.com 是否可以安全获取。这可能是由于网络限制或企业安全策略阻止了 claude.ai」。

于是，Claude Code 随后改用了网页搜索来查找相关内容，并成功找到了多个关于 Claude 的帖子，并成功更新了 README.md 文件，还提交到了分支 claude/update-posts-readme-011CUDTsZAqcqY2bxxxab9sn。

不过推送到远程仓库时遇到了认证错误（401），需要手动推送或检查认证配置。

撞车 Jules

看到这个设计，Google Labs 团队的人可能有话要说了。

Kath Korevec(@simpsoka) 评论说：

看着很眼熟嘛 ;)

AK Kulkarni(@itsakdev) 更直接：

看起来有点像 @julesAgent 👀

Saroshssnair(@saroshssnair) 干脆承认了：

是的，完全、大规模、巨大地、极其地受到了 @julesagent 的启发。

TestingCatalog(@testingcatalog) 也回应道：

确认了！🦀 vs 🦑

大家也是心知肚明，好的设计总是会被「借鉴」的。

开发者反馈

RayLin🐡(@RayLin_AI) 感叹：

Claude 一直在发货

Alex Finn(@AlexFinnX) 则已经等不及了：

兄弟什么时候才能用上，别再吊我胃口了 😭

TestingCatalog(@testingcatalog) 回应他：

今天再来一个预告，希望下周就能用上 🤩

Jens Polomski(@Jens_Polo) 预言：

「lovable 已死」的帖子将在 3 秒内出现…… 😂

JB(@JasonBotterill3) 则对配色有意见：

天啊我真的不喜欢 Claude 的配色

战略定位

从目前泄露的信息来看，Claude Code 网页版的功能算是相当完整了：

云端执行环境

提供了三种不同的安全级别，满足不同场景需求。

会话管理

左侧面板可以管理多个编程会话，每个会话对应不同的项目。

GitHub 集成

可以直接连接仓库，读取文件，提交更改，甚至开 pull request。

任务自动化

能够理解自然语言指令，自动规划和执行复杂的编程任务。

网络工具集成

虽然在某些环境下会受限，但支持网页搜索和内容获取。

环境变量和密钥管理

每个工作空间都可以独立配置。

Anthropic 的野心很明显：不是做个代码助手就好了，目标是要打造完整的云原生开发平台。

网页版让开发者可以随时随地编码，不受本地环境限制，即将到来的移动版的推出更是要把编程塞进每个人的口袋里去。

这种全平台、Agent 驱动的开发体验，将进一步改变我们编写代码的方式：

而对那些重视隐私控制、需要灵活环境配置的企业团队来说，Claude Code 提供的细粒度控制选项也很有吸引力。

现在，Google 有 Jules，Anthropic 有 Claude Code，OpenAI 有 Codex，就看谁能真正重新定义开发者体验了。

当模型厂商纷纷下场，开始重点布局全平台型的通用 Agent，留给 Lovable 和 Manus 们的空间和时间——

可能，不多了。

消息来源：

https://www.testingcatalog.com/early-preview-of-anthropics-claude-code-for-web/

👇

👇

👇

另外，我还用AI 进行了全网的AI 资讯采集，并用AI 进行挑选、审核、翻译、总结后发布到《AGI Hunt》的实时AI 快讯群中。

这是个只有信息、没有感情的 AI 资讯信息流（不是推荐流、不卖课、不讲道理、不教你做人、只提供信息、希望能为你节省一些时间）

欢迎加入！

也欢迎加群和10000+群友交流。