先缩小故障,不要整份重写
预览空白可能发生在生成内容、脚本执行、资源加载或产品能力状态的任一层。先保留原版本和实际错误,再用无外部依赖的小页面建立对照,比连续让Claude“全部重做”更容易找出变化点。
Artifacts入口与格式会随产品更新。当前官方说明已区分新式模板与旧版Artifacts;不要只凭旧教程截图寻找同一按钮,也不要把分享权限问题与页面代码错误混为一谈。
最小对照页只保留三个动作
文末完整HTML只有标题、初始为0的计数和“加一”按钮,CSS与脚本都内联,没有第三方包、远端字体、图片或接口。先确认静态文字,再检查点击从0变1、再变2。
将它保存为artifact-minimal.html,可在允许的本地浏览器环境打开作对照。如果本地也出错,优先看代码与脚本;本地正常而产品内异常,则记录两者差异继续定位,不能立即判定是网络或账户。

向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)