Claude 3.5 Sonnet预览功能开启方法
时间:2026-03-16 19:23:34 370浏览 收藏
Claude 3.5 Sonnet全新上线的Artifacts预览功能,让你告别代码与效果“两张皮”——只需三步手动开启(账户设置、底部提示一键跳转或直连配置链接),即可在对话右侧实时渲染HTML、SVG、Python绘图等生成内容,支持代码编辑→即时预览→一键PNG导出的无缝交互,真正实现“所见即所得”的智能协作体验。

如果您已登录Claude.ai平台并希望启用Artifacts预览功能以实现代码、图像等内容的实时可视化交互,则需手动开启该预览能力。以下是具体操作路径与交互说明:
一、通过账户设置入口启用Artifacts
该方式适用于所有主流浏览器访问claude.ai时的操作,系统会将Artifacts功能置于Feature Preview管理面板中,启用后即可在对话界面右侧生成专用预览容器。
1、登录claude.ai后,点击页面左下角您的账户名称或头像。
2、在弹出菜单中选择【Feature Preview】选项。
3、在打开的弹窗中找到名为【Artifacts】的功能卡片。
4、将卡片右下方的开关滑动至开启状态(显示为蓝色)。
5、关闭弹窗,刷新当前对话页或新建聊天窗口,Artifacts区域将自动出现在界面右侧。
二、通过底部提示通知快捷启用
当Artifacts功能尚未启用且系统检测到适用场景(如输入含“画图”“生成HTML”等指令)时,会在输入框下方显示一次性提示通知,点击即可直达设置页完成启用。
1、确保当前模型已切换为Claude 3.5 Sonnet。
2、在对话输入框中任意输入一条测试指令,例如“用HTML写一个带标题的空白页面”。
3、若未启用Artifacts,输入框下方将出现浅色提示条:“Artifacts功能可用,点击启用以获得实时预览”。
4、点击该提示条,页面将跳转至Feature Preview面板并自动聚焦Artifacts开关。
5、开启开关并返回对话页,再次发送相同或新指令,右侧即出现可切换【预览】/【代码】的Artifacts容器。
三、通过直接链接强制跳转启用
该方法绕过界面导航,适用于通知未触发或菜单项异常隐藏的情况,使用固定URL可立即定位到Artifacts配置页。
1、在浏览器地址栏中粘贴并访问以下链接:https://claude.ai/new?fp=1。
2、页面加载完成后,确认顶部标题为“Feature Previews”。
3、向下滚动至功能列表,定位【Artifacts】卡片。
4、检查开关右侧是否显示“Enabled”字样;若为“Disabled”,点击开关使其变为启用状态。
5、关闭当前标签页,重新打开claude.ai主界面,Artifacts功能即刻生效。
四、Artifacts容器内可视化交互操作
启用成功后,每次Claude生成支持渲染的内容(如HTML、SVG、Python绘图代码等),右侧Artifacts容器将自动加载对应结果,并支持双向编辑与即时反馈。
1、在对话中输入指令,例如“请帮我用代码画一个红色的圆和一个蓝色的正方形”。
2、等待响应完成,右侧容器默认以【预览】模式展示图形效果。
3、点击容器顶部的【代码】按钮,进入源码编辑视图。
4、修改其中颜色参数,例如将“red”替换为“yellow”,保存更改。
5、点击【预览】按钮,容器立即刷新,显示更新后的黄色圆形与蓝色正方形。
6、在预览模式下,将鼠标悬停于右上角,出现下载图标,点击可将当前渲染结果直接保存为PNG图片。
终于介绍完啦!小伙伴们,这篇关于《Claude 3.5 Sonnet预览功能开启方法》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布科技周边相关知识,快来关注吧!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
420 收藏
-
305 收藏
-
177 收藏
-
340 收藏
-
266 收藏
-
218 收藏
-
247 收藏
-
169 收藏
-
327 收藏
-
372 收藏
-
297 收藏
-
423 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习