什么是应用查看器?
当 AI Agent 完成任务后,应用查看器 会出现在页面顶部。您可以直接预览应用效果并进行视觉编辑——无需编写代码。
开始之前
Agent 处理可能需要一些时间,请耐心等待。
右侧 终端 面板可查看详细进度。
随时点击 刷新 图标重新加载预览。
如何使用应用查看器
第 1 步:等待预览加载
Agent 完成后,应用查看器会加载您的预览。
⏱️ 通常需要几秒到一分钟。
超过 2 分钟仍未加载?
点击 刷新。如果仍然卡住,查看 仪表板 面板中的错误(见下方第 3 步)。
第 2 步:预览您的应用
加载完成后,您可以在预览窗口中查看应用。
桌面 / 平板 / 手机 —— 切换视图,测试响应式效果。
在新标签页中打开 —— 点击箭头图标,在新标签页中打开预览(嵌入式预览卡住时很有用)。
第 3 步:检查错误(如果显示异常)
如果应用无法加载或显示异常,查看 Console 面板中的错误信息。
如果看到红色错误:看到错误信息时怎么办?
点击 "解决" —— AI 会自动修复。
修复完成后预览会自动重新加载。
没有"解决"按钮? 点击 Agent 最新消息旁的 "..." → "反馈",将问题报告给客服。
第 4 步:修改您的应用
方法一:点击编辑(推荐用于视觉修改)
点击预览中的任意元素 → 左侧出现视觉编辑器 → 直接调整颜色、间距、文字或布局。
方法二:在聊天中描述
直接告诉 AI Agent 您要改什么(例如:"背景改成浅色调")。
快速参考
常见问题
为什么我无法移除发布页面上的 Atoms 水印?
移除 badge 需要 Pro 或更高套餐。可在 设置 → 套餐与账单 中升级。
