Claude 网页版怎么用 - claude.ai 完整功能教程
Claude 网页版(claude.ai)功能详解,包括对话、附件、Projects、Artifacts、共享、Memory、模型切换等核心能力的完整教程。
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 网页版的附件支持算业内第一档,特别适合”读文档”场景。
文档类
| 类型 | 后缀 | 备注 |
|---|---|---|
| 可读文字层和扫描图,扫描件靠 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
- 左侧 “Projects” - ”+ New project”
- 命名项目,例如
公司技术文档库 - 进入项目主页,左侧上传知识库文件
- 右侧填 Custom Instructions,例如 “你是我的技术写作助手,回答时引用我上传的文档”
- 在项目内点 “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 官网 当前界面为准。
延伸阅读: