本页速答
Claude Artifacts不显示怎么办（2026-11-03）：确认对话里是否出现可打开的预览入口 → 无痕窗口排除扩展 → 明确要求「请用 Artifacts / 可预览面板输出」→ 内容改为更适合预览的类型（短 HTML/图表/小段代码）→ 仍无则复制代码块到本地预览，并读 Artifacts 与 导出。
| 现象 | 优先查 | 备选 |
|---|---|---|
| 整页转圈后空白 | 网络/中断 | 回复中断文 |
| 有代码无预览面板 | 提示未触发 / 类型不支持 | 改提示重试 |
| 别人有我没有 | 账号权限/界面实验 | 以当前账号为准 |
| 仅某浏览器不行 | 扩展、旧缓存 | 无痕/换浏览器 |
| 预览开了是白屏 | 内容报错 | 简化 HTML/脚本 |
不显示的常见类型
- 未触发：模型只给了对话内代码块。
- 客户端挡：广告拦截、脚本拦截、企业浏览器策略。
- 生成中断：见 回复中断。
- 账号差异：入口灰度或计划差异——以界面为准，本站不编造资格表。
逐步排障
- 刷新；换无痕；禁用拦截类扩展。
- 新开对话，提示写清「请输出到 Artifacts 预览」。
- 先要最小 HTML「Hello」验证面板是否出现。
- 复杂项目拆步：结构 → 样式 → 交互。
- 对照用量是否触顶（用量）。
| 弱 | 可照做 |
|---|---|
| 为什么没有 Artifacts | 按上表分流并最小示例验证 |
| 一直重试同一长提示 | 缩成 Hello 预览再渐进 |
| 骂模型 | 换浏览器对照 + 读专页 |
替代路径
预览不可用时：要求「完整可复制代码 + 依赖说明」，你在本地打开。导出与验收清单见 预览导出。勿把未审脚本直接内嵌生产站。
三类真实场景怎么处理
场景 A：要了仪表盘却只有 Markdown 表
明确「请生成可交互预览（HTML）」；若仍无面板，先接受表，再本地可视化。
场景 B：预览曾出现后消失
检查是否切到别的对话或版本；回原消息时间线打开。清除站点数据前先导出内容。
场景 C：教学演示现场翻车
提前备好本地 HTML；现场只用 Claude 改文案。演示稳定性优先于现场生成。
预览排障的分层方法
把「Artifacts 不显示」拆成三层：触发层（模型是否尝试生成可预览物件）、传输层（生成是否中断/用量拒绝）、呈现层（浏览器是否渲染面板）。你每次只改一层，才能知道哪步生效。同时改提示、清缓存、换账号，会失去因果。
触发层：用最短成功案例。例如「用 Artifacts 生成仅含 Hello 的 HTML」。若最短案例都出不来，继续加长提示无意义，应转呈现层或账号层。若最短可以、复杂不行，则是内容或长度问题：去掉外部脚本、字体、大型依赖，先静态再交互。
呈现层：企业浏览器常拦 blob/iframe。试个人 Chrome 无痕。扩展里的脚本拦截、隐私坏手、中文输入法候选窗偶发挡点击，也值得排查。移动端布局可能把预览入口挤到折叠菜单，先横屏或改网页桌面模式查看。
- 最短 HTML 探针。
- 无痕对照。
- 新对话避免旧上下文污染。
- 导出代码本地打开（见预览导出）。
- 中断与用量分别排查。
功能原理与能力边界读 Artifacts；能显示之后如何验收导出读 预览导出。不要在排障文章里期待「永久官方保证某浏览器」。以你当场界面为准。
内容类型与触发成功率
通常结构化、可运行的小物件比「长篇散文」更容易进入预览。先把需求写成可运行目标，再谈美化。若只需要表格，Markdown 表也许足够，不必强求 Artifacts。强求同一交互仪表盘时，分步生成并在每步保存代码副本，防止面板偶发消失后无备份。
演示与交付场景的备份策略
预览不稳定时，交付物应以「可复制源码」为真相，预览只是加速器。每次成功预览后，立即要求「输出完整源码附件」，保存到本地 git。现场演示用本地静态服务器打开，Claude 仅作修改建议。
若预览白屏，让模型「列出可能的 JS 报错原因」同时你打开浏览器开发者工具对照。不要只在对话里空转。外部 CDN 在内网失败是高频原因：改成本地依赖或删除。复杂可视化可先静态 SVG/图片，再渐进加交互。
权限与计划导致入口缺失时，本站无法绕过。请在账号内查看功能说明，或改用代码块工作流。把排障记录留给团队，避免每人重复踩坑。相关中断问题看 回复中断。
- 源码备份优先于截图。
- 白屏查控制台。
- 内网慎用外链 CDN。
- 入口缺失不硬猜「破解」。
提示怎么写才更容易出预览
写清交付物类型（HTML/图表/SVG）、尺寸约束、禁止外链、以及「请放入可预览面板」。给验收标准：「打开后应看到标题 X 与按钮 Y」。比「做个好看的仪表盘」具体得多。若连续失败，改要求「先输出完整 HTML 代码块」，你本地打开，把预览当加分项。
教学场景准备两套材料：一套依赖 Artifacts，一套纯代码块。出现故障秒切换。排障日志留给下一班同学。不要把时间耗在争论「到底是不是官方 bug」上，以当前可交付为准。
与用量、中断的交叉判断
若生成到一半停止，先按中断文排查，而不是认定 Artifacts 坏了。若明确提示用量用尽，去用量文。只有在完整回复已出现但无预览入口时，才聚焦本页的呈现层排查。分层判断能少走弯路。
把成功的最小 HTML 探针存成个人模板，新环境先跑探针，再跑业务物件。这与软件里的 health check 同一思想。
浏览器与扩展的快速对照表
建议按序：系统浏览器常规窗口 → 同浏览器无痕 → 另一内核浏览器 → 关代理试一次。每步只改一个变量。若仅公司电脑失败，收集策略名找 IT，而不是在个人教程里寻找「破解」。扩展排查时一次禁用一组，定位后只开必要扩展。
清缓存前先导出对话中的代码。清站点数据可能退出登录，准备好凭证与 2FA。排障也要安全。
常见问题
Artifacts 是不是下线了？
以 claude.ai 当前界面为准。若账号或地区看不到入口，本站无法「解锁」。
和普通代码块有何不同？
Artifacts 侧重可预览的独立面板；普通代码块在对话流内。以产品实际呈现为准。
换模型就出预览？
有时与对话设置有关，但不保证。先完成浏览器与提示排查。
能导出吗？
预览成功后的导出步骤见预览导出文；先解决「看得见」。
公司电脑永远空白？
检查扩展、代理、CSP 拦截；试个人网络对照。
会不会是用量用完？
用量触顶常表现为拒绝生成，不一定是预览 UI 空白；对照用量文。