应用预览
在对话过程中，AI Builder 会根据您的描述智能生成应用的基础结构。细节编辑阶段则允许您进一步完善和调整应用的具体细节，从而优化用户界面和交互体验。预览区菜单提供的功能包括：
| 功能 | 说明 |
|---|---|
| 实时预览 | 在编辑过程中实时查看应用效果，所见即所得 |
| 细节编辑 | 在预览中选择组件，进行细节编辑 |
| 设备模拟 | 在不同设备（手机、平板、桌面端）上预览应用的响应式效果 |
| 应用分享 | 通过链接形式分享当前生成的应用 |
| 开发控制台 | 打开预览应用的控制台，便于调试和开发 |
| 版本管理 | 预览或回滚到之前的版本 |
实时预览
在回滚操作完成或 React 页面生成后，您可以在预览区域查看应用的实时效果。如果预览区域显示为空白，请检查当前会话是否已成功生成 React 页面。
如果当前会话尚未生成 React 页面，您可以通过与 AI 对话来指导生成 React 页面。
提示
提示：如果 AI 无法生成 React 页面，请检查您的需求描述是否清晰，是否包含了必要的信息。 预览区默认以超级管理员身份登录，如需测试用户登录功能，请先让 AI 执行退出登录操作，您可以在登录配置中自定义登录信息。
设备模拟预览
您可以模拟在不同设备上查看应用的效果，包括手机、平板和桌面端。在预览界面中，只需点击相应的设备图标即可切换不同的设备视图，帮助您确保应用在各种屏幕尺寸下都能正常显示。
应用分享
危险
注意：分享的应用保留原有的数据访问权限，如果您未妥善配置用户管理，可能存在数据安全风险。
您可以通过链接或二维码方式，便捷地分享当前生成的应用，让其他人快速体验您的创作成果。
开发控制台
开发控制台是调试和开发应用的重要工具，帮助您快速定位和解决问题。
功能特性
- 实时日志查看：查看应用运行时的控制台输出和错误信息
- 网络请求监控：监控 API 调用和数据请求的状态
- 性能分析：分析页面加载时间和资源使用情况
- 错误追踪：快速定位 JavaScript 错误和异常
使用方法
- 在预览界面点击「控制台」按钮
- 控制台面板将在底部或侧边打开
- 选择相应的标签页查看不同类型的信息
- 使用过滤功能快速找到特定的日志或错误
版本管理
版本管理功能让您能够轻松管理生成应用、数据模型及云函数的不同版本，确保开发过程的安全性和可追溯性。
主要功能
- 版本历史：查看应用的所有历史版本和变更记录
- 版本对比：对比不同版本之间的差异
- 快速回滚：一键回滚到任意历史版本
- 版本标记：为重要版本添加标记和说明
操作步骤
- 在预览界面点击「版本管理」按钮
- 浏览版本历史列表，查看各版本的创建时间和变更说明
- 选择目标版本，可以预览当前版本的内容
- 确认无误后，点击「回滚」恢复到该版本
危险
回滚操作会丢失回滚版本之后版本的内容，请在回滚前确认操作的必要性。