先缩小故障,不要整份重写

预览空白可能发生在生成内容、脚本执行、资源加载或产品能力状态的任一层。先保留原版本和实际错误,再用无外部依赖的小页面建立对照,比连续让Claude“全部重做”更容易找出变化点。

Artifacts入口与格式会随产品更新。当前官方说明已区分新式模板与旧版Artifacts;不要只凭旧教程截图寻找同一按钮,也不要把分享权限问题与页面代码错误混为一谈。

最小对照页只保留三个动作

文末完整HTML只有标题、初始为0的计数和“加一”按钮,CSS与脚本都内联,没有第三方包、远端字体、图片或接口。先确认静态文字,再检查点击从0变1、再变2。

将它保存为artifact-minimal.html,可在允许的本地浏览器环境打开作对照。如果本地也出错,优先看代码与脚本;本地正常而产品内异常,则记录两者差异继续定位,不能立即判定是网络或账户。

从空白预览缩到最小问题;保留失败版本:记录实际入口和可见错误;无依赖对照页:静态标题、0计数、加一按钮;重复同一操作:0到1到2;本地与产品分别验;逐项加回功能:每次一个变化,保留可退回版本
本站原创示意图:从空白预览缩到最小问题。本地逻辑测试不代表真实Artifacts预览已通过。查看大图 ↗

向Claude提交最小证据

提供失败版本、当前入口、可见报错、期望和实际结果,要求保留无依赖条件只修复计数。不要附带密钥、客户数据或私人接口令牌来帮助它“复现”。

官方帮助页说明,出现错误时可使用相应修复入口把错误详情交给Claude,但成功并非保证。若没有这个入口,手工记录可见错误文字即可,不应编造一个一定存在的按钮。

按顺序加回原功能

最小页可用后,一次只加一项:先样式,再本地数据,再图表组件,最后获准的外部数据接入。每次保存版本并重复相同操作,出现空白时退回前一版比较新增内容。

这个顺序是本站给出的诊断方法,不是官方承诺所有HTML都能在任何Artifact模板中执行。当前模板的支持方式、资源与网络限制,应以实际产品错误和对应官方资料为准。

能力设置检查与代码修复分开

当前官方说明Artifacts依赖相应代码执行与文件创建能力开启。个人与组织设置入口不同;如果能力不可用,交由有权限的账户或组织负责人核对,不由页面脚本自动修改。

清空浏览器数据、重装扩展或修改安全设置不应成为没有证据的第一步。先区分整个站点打不开、只有这一份预览失败,还是按钮事件不生效,能减少无关操作。

本篇测试没有覆盖产品预览

已在本地对HTML脚本做模拟DOM测试,两次点击由0变2,并检查无外部脚本、样式与fetch调用。模拟DOM没有浏览器布局、权限或网络模型,不能据此说真实页面视觉或Claude Artifacts预览已经验收。

没有登录Claude账户运行此HTML,也没有测试真实分享或发布。请把本地结果作为诊断起点,产品内修复成功需要你在实际预览中按相同清单再次确认。

参考资料与核验范围

资料核对日期:2026年10月20日。以下为官方原始资料;产品入口和可用范围仍以当前账户为准。

1. [官方资料1](https://support.claude.com/en/articles/17153992-what-are-artifacts-and-how-do-i-use-them)