跳转到主要内容

应用查看器

实时预览并修改您的应用

什么是应用查看器?

当 AI Agent 完成任务后,应用查看器 会出现在页面顶部。您可以直接预览应用效果并进行视觉编辑——无需编写代码。

开始之前

  • Agent 处理可能需要一些时间,请耐心等待。

  • 右侧 终端 面板可查看详细进度。

  • 随时点击 刷新 图标重新加载预览。

如何使用应用查看器

第 1 步:等待预览加载

Agent 完成后,应用查看器会加载您的预览。

⏱️ 通常需要几秒到一分钟。

超过 2 分钟仍未加载?

点击 刷新。如果仍然卡住,查看 仪表板 面板中的错误(见下方第 3 步)。

第 2 步:预览您的应用

加载完成后,您可以在预览窗口中查看应用。

  • 桌面 / 平板 / 手机 —— 切换视图,测试响应式效果。

  • 在新标签页中打开 —— 点击箭头图标,在新标签页中打开预览(嵌入式预览卡住时很有用)。

第 3 步:检查错误(如果显示异常)

如果应用无法加载或显示异常,查看 Console 面板中的错误信息。

如果看到红色错误:看到错误信息时怎么办?

  1. 点击 "解决" —— AI 会自动修复。

  2. 修复完成后预览会自动重新加载。

没有"解决"按钮? 点击 Agent 最新消息旁的 "..." → "反馈",将问题报告给客服。

第 4 步:修改您的应用

方法一:点击编辑(推荐用于视觉修改)

点击预览中的任意元素 → 左侧出现视觉编辑器 → 直接调整颜色、间距、文字或布局。

方法二:在聊天中描述

直接告诉 AI Agent 您要改什么(例如:"背景改成浅色调")。

快速参考

常见问题

为什么我无法移除发布页面上的 Atoms 水印?

移除 badge 需要 Pro 或更高套餐。可在 设置 → 套餐与账单 中升级。

这是否解答了您的问题?