ClaudeClaude 网页版claude.aiClaude 教程ProjectsArtifacts

Claude 网页版怎么用 - claude.ai 完整功能教程

Claude 网页版(claude.ai)功能详解,包括对话、附件、Projects、Artifacts、共享、Memory、模型切换等核心能力的完整教程。

· 阅读约 11 分钟

Claude 网页版(claude.ai)是大多数人接触 Claude 的第一站,但很多人用完一年仍然只会”打字、收答复”,把附件、Projects、Artifacts、Memory 等更值钱的功能放着没动。本文按界面布局把核心 5 个功能区一次讲清,并补一份新手最常踩的故障排查清单。

Claude 网页版的核心能力可以归纳为五块:对话引擎、附件理解、Projects 长期项目、Artifacts 即时构件、共享与历史。后两条配上 Memory,基本就是 Claude 区别于”普通聊天机器人”的关键。

Claude 网页版主界面布局

打开 claude.ai 登录后,看到的界面分三栏(响应式布局,移动端会收起左侧)。

左侧栏

  • 顶部 “New chat”:新建对话
  • Chats:最近对话历史,按时间倒序
  • Projects:你创建的项目集合
  • 底部头像区:账号 / Settings / Upgrade

中间主区

  • 对话信息流:你和 Claude 的来回消息
  • 底部输入框:输入提示词、附件按钮、扩展按钮(Tools / Skills)
  • 当出现 Artifacts 时,右侧会弹出一个独立面板

右上角

  • 模型切换:选 Sonnet、Opus、Haiku 等
  • 共享按钮:把对话变成公开链接
  • ”+” 菜单:把当前对话加入某个 Project

整个界面没什么复杂的,关键在于知道每一处控件对应什么能力,下面分功能展开。


创建一次对话

最基础的玩法:在中间输入框打字、Enter 发送、读 Claude 回复。但这一步里有几个细节可以”扣分”也能”提分”。

选模型

  • Free 档:可见模型一般是 Claude 的默认模型(自动选择),不能手动切换更高级模型
  • Pro 档:可见 Sonnet 4.6(主力日常)、Opus 4.7(深度推理)、Haiku 4.5(快速回复)
  • Max 档:模型选项一致,但更高额度,Opus 调用更宽松

简单判断:日常写作和读文档用 Sonnet;复杂代码 / 长推理 / 论文研究用 Opus;快速短问答用 Haiku。

输入框附加按钮

输入框左下有几个图标,从左到右大致:

  • 附件 / 上传:直接拖文件进来也可以
  • 扩展工具 Tools:网页搜索、代码执行等可以勾选启用
  • Skills:调用预设的 Skill(如有,订阅档不同可见性不同)

输入完成后按 Enter 发送,Shift + Enter 换行。

输入框小技巧

  • 长 prompt 建议先在外部写好再粘进去,避免误触发送
  • Claude 会自动识别贴进来的代码块并保留格式
  • 输入框支持 Markdown,发送时 Claude 看到的就是带格式的版本

附件支持的类型与大小

Claude 网页版的附件支持算业内第一档,特别适合”读文档”场景。

文档类

类型后缀备注
PDF.pdf可读文字层和扫描图,扫描件靠 OCR
纯文本.txt任意纯文本
Word.docx含格式、表格
Markdown.md / .markdown保留结构
CSV.csv表格数据
TSV.tsv制表符分隔表格
富文本.rtf部分支持

图片类

类型后缀备注
JPEG.jpg / .jpeg最常见
PNG.png截图首选
GIF.gif动图只看首帧
WebP.webp现代格式

代码类

直接拖入源代码文件也可以,Claude 会按文件后缀判断语言。常见的 .py.js.ts.java.go.rs.cpp.sql 等都支持,不限定后缀名也能识别。

上传限制

  • 单文件大小一般在几十 MB 量级(具体上限官方会调整)
  • 单条对话可同时附多个文件
  • 上传的文件不会公开,但订阅档不同的隐私边界要看 Privacy 设置

上传后的文件在当前对话内 Claude 都能反复引用,但不会跨对话生效。要让 Claude 长期记住一份资料,应该用下面的 Projects。


Projects 项目:把上下文沉淀下来

Projects 是 Claude 网页版最重要的”差异化”功能之一,相当于一个”长期工作空间”:

  • 上传一批资料作为项目知识库
  • 写一份 Custom Instructions 描述场景
  • 在项目内开新对话时,Claude 自动带上整个项目上下文

创建一个 Project

  1. 左侧 “Projects” - ”+ New project”
  2. 命名项目,例如 公司技术文档库
  3. 进入项目主页,左侧上传知识库文件
  4. 右侧填 Custom Instructions,例如 “你是我的技术写作助手,回答时引用我上传的文档”
  5. 在项目内点 “Start chat”,新建一段项目内对话

项目内的对话和项目知识库、Instructions 都绑定在一起,不会污染你在主对话区的普通聊天。

项目跟 Claude Code 的呼应

如果你也用 Claude Code,会知道它通过 CLAUDE.md 文件给项目设定上下文。网页版的 Projects 是同一个思路的产品化版本:

  • CLAUDE.md ≈ Project Custom Instructions
  • 仓库代码 ≈ Project Knowledge
  • 终端会话 ≈ Project Chat

两者在 Anthropic 的产品体系里是相辅相成的,懂一边的概念另一边就好上手。

Projects 适合的场景

  • 长期写一本书 / 一份研报,把已有章节都丢进去
  • 客户咨询的固定话术、产品规格作为知识库
  • 一个长期编程项目,把核心代码片段塞进项目

免费档暂时不能使用 Projects,是 Pro / Max 档的重点功能。


Artifacts:右侧的实时代码 / 文档面板

当 Claude 输出 HTML、SVG、React 组件、长 Markdown、Mermaid 图表等可视化内容时,会自动把它放进 Artifacts 面板——主对话流右侧弹出的独立窗口。

Artifacts 触发条件

下面这些情况通常会自动触发:

  • 你让 Claude 写一段独立的网页 / 应用代码
  • 让它生成一份较长的 Markdown 文档
  • 让它做 SVG / Mermaid 图
  • 让它生成 React / Vue 组件

如果没自动触发但你想要 Artifact,可以直接在 prompt 里加一句 “Put this in an Artifact” 或者 “用 Artifact 输出这份代码”。

Artifacts 面板的能力

  • 预览:HTML / React 实时渲染
  • 复制:一键复制完整代码
  • 下载:保存为本地文件
  • 迭代:让 Claude 在原 Artifact 基础上修改,不重写整条消息
  • 版本切换:保留每次修改的版本历史,可回退

Artifacts 适合的场景

  • 写一个落地页 demo
  • 做一份 Mermaid 流程图
  • 写一段独立的 JS 工具脚本
  • 生成可直接下载的 Markdown 报告

Artifacts 的好处是把”想象 / 描述”和”实际看到”距离压到最近,是 Claude 网页版相对其它 AI 网页端最具辨识度的体验之一。


共享对话与公开链接

聊到一个高质量的回答,想给同事看:点右上 Share 按钮,可以生成一个公开链接。

共享细节

  • 链接是只读的(别人无法继续对话)
  • 别人可以看见完整上下文、附件名字(不一定能下载附件本体)
  • 你可以随时在 Settings - Shared chats 关闭旧链接
  • 包含个人信息、隐私内容的对话不要随便共享

二次复用

别人打开你的共享链接后,可以点 “Continue this chat” 进入他们自己的账号继续对话——以你的对话为起点,但分叉成他们自己的对话。这点对教学 / 团队协作非常友好。


历史对话搜索

左侧 Chats 列表上方有个搜索框:

  • 关键词搜索:会扫描所有对话的标题和正文
  • 时间过滤:可按近 7 天 / 近 30 天等粒度
  • 项目过滤:只搜某个 Project 内的对话

历史搜索的命中速度还可以,但准确度受 prompt 措辞影响。如果记得当时的关键问题,建议直接搜那个核心词。


Memory:长期记忆

Claude 网页版的 Memory 是模拟”私人助理记笔记”的能力。开启后:

  • Claude 会在对话过程中主动总结一些”长期事实”,写进记忆库
  • 例如:你是做产品经理的、你公司用 React 技术栈、你偏好简洁回复
  • 下次新对话时,Claude 会带着这些长期事实回答

怎么引导 Claude 记 / 忘

  • 让它记:直接说 “请记住:我团队主要用 Python,回答示例都给 Python”
  • 让它忘:说 “忘记关于 X 的所有信息” 或者直接到 Settings - Memory 删除条目
  • 不写进记忆:说 “这次对话内容不要记入记忆” Claude 会跳过

Memory 的边界

  • 跨设备同步(同一账号即可)
  • 不会出现在共享对话里
  • 企业 Team / Enterprise 账号上 Memory 行为可能由管理员设定

更多设置项可参考 Claude 官网中文版完整指引 里的 Memory 一节。


桌面端 App 和网页版的差别

claude.com 提供 Mac 和 Windows 桌面端,安装后体验和网页版几乎一致,但有以下小差异:

维度网页版 claude.ai桌面端
安装不需要需要下载 + 安装
系统集成浏览器内独立窗口、Dock / 任务栏图标
全局快捷键浏览器有限制可设置全局唤起快捷键
文件拖拽支持支持,且更顺手
离线访问不支持也需要联网,但启动更快
浏览器扩展受浏览器限制无关

如果你每天都用,桌面端体验更好。详细下载方式可看 Claude 下载完整指南


常见故障 Q&A

Q:消息发不出去,转圈圈

可能原因:

  • 网络抖动,国际线路不稳定
  • 当前模型暂时拥堵
  • 触发速率限制(特别是免费档)

解决:刷新页面重试,切换更轻的模型(如 Haiku),或等几分钟。

Q:模型选择栏不显示我想要的模型

可能原因:

  • 你当前是 Free 档,看不到 Opus
  • Anthropic 在某些区域限发某个模型
  • 浏览器缓存

解决:先到 Settings 确认订阅档;硬刷新页面(Ctrl + Shift + R)。

Q:附件上传失败 / 卡在 99%

可能原因:

  • 文件超出大小上限
  • 文件格式不被支持
  • 网络不稳定导致中断

解决:分割大 PDF 为小段;把不支持的格式(如 .epub)先转 PDF;换稳定网络重试。

Q:Artifacts 没自动弹出

可能原因:

  • 输出内容太短,没达到触发阈值
  • Claude 没识别出可以用 Artifact

解决:在 prompt 里显式说 “用 Artifact 输出”。

Q:网页版 vs App 哪个体验好

写长文、上传文件、调代码:网页 / 桌面端。 碎片化提问、随时拍照问问题:App。详细可看 Claude 手机版完整教程

Q:能让 Claude 直接读网页 URL 吗

可以。开启 Web Search 工具或直接粘贴链接,Claude 会尝试抓取。能否抓取成功取决于目标站点是否可访问。

Q:claude.ai 在国内打不开

网络层的事,参考 Claude 国内访问完整方案


Claude 网页版功能更新频率很快,本文写作时为 2026 年 5 月,部分按钮位置、入口名称可能已经调整,具体以 claude.ai 官网 当前界面为准。

延伸阅读: