预览

预览是你在发布之前查看项目当前版本的地方。

每当你想在让 AI 做出改动后检查布局、文案、交互、路由或响应式表现时，都可以使用它。

它是如何工作的

工作台会将聊天和预览并排展示。在聊天中提出改动请求，然后在预览中查看结果。

如果项目包含多个页面或路由，可以使用预览路径输入框打开指定页面。如果视图看起来是旧的，请在再次让 AI 做改动之前先刷新预览。

核心能力

实时视觉查看：在工作台中查看最新生成的项目。
设备视图：在 PC、平板和移动端视图之间切换，以发现响应式布局问题。
路由测试：当项目包含多个页面时，打开指定路径。
在新标签页打开：当需要更大的浏览器窗口时，使用外部预览链接。
刷新预览：在生成、路由变更或素材更新之后重新加载当前项目视图。
发布前检查：在发布或分享项目之前先进行查看。

如何查看一次改动

让 AI 完成一个明确的改动。
等待生成完成。
打开 预览。
在 PC 视图中检查已改动的页面。
切换到移动端和平板视图。
打开所有重要的路由。
如果结果不正确，在聊天中描述具体问题，并请求针对性修复。

小而具体的后续请求，通常比一次性要求 AI 重新设计许多内容效果更好。

预览链接

预览链接是临时的，30 分钟后会失效。

在构建过程中使用预览进行内部查看。如果需要向团队成员、客户或测试人员发送稳定的链接，请发布项目并分享已发布的链接。

何时预览是不够的

对于以下内容的最终检查，请使用已发布的链接：

自定义域名
生产环境的 SEO 元数据
支付提供方回调
鉴权提供方重定向
分析流量
公开分享

预览适合快速迭代，而已发布的链接才是验证生产环境表现的正确位置。

相关指南