预览：实时运行的应用

要点“预览”标签页会在你构建时真实地运行你的应用。用地址栏打开任意页面，用设备按钮查看平板（820 px）或手机（390 px）宽度下的效果，用 ↻ 重新加载、用 ⟲ 重启，用箭头在单独的标签页中打开。闲置 20 分钟后预览会休眠，在你回来之前显示一份已保存副本。

预览标签页就是你的应用本身，在一台专属的安全云端电脑上真实运行。它不是一张图片：你可以点击、注册、预约课程或下单，输入的内容都会保存到应用的数据库中。MonstarX 做出的每项修改，几秒钟内就会在这里显示出来。

预览工具栏里有什么？

从左到右依次是：

控件	作用
状态	应用运行时显示运行中，启动时显示启动中，休眠时显示已停止，失败时显示错误。
地址栏	显示你当前所在的页面，以及应用所有页面的列表。
桌面 / 平板 / 手机	以全宽、820 px 或 390 px 宽度显示应用。
编辑	指着页面说要改什么。详见编辑模式。
截取	把页面某一部分的截图放进你的消息。详见截取。
评论	别人在预览上留下的评论，以及你自己的评论。详见分享与评论。
↻ 重新加载预览	重新加载当前页面。
⟲ 重启开发服务器	重启应用的预览。适用于预览卡住或内容没有更新的情况。
复制公开预览链接（复制图标）	复制当前页面的预览地址——把鼠标指向按钮即可看到地址。任何拿到链接的人都能打开预览。在 ••• 菜单中，它叫作复制预览链接。
↗ 在新标签页中打开预览	在单独的浏览器标签页中打开预览。

当预览面板比较窄时——比如在笔记本电脑上把聊天区拉得很宽——地址栏后面的工具会收进这一行末尾的 ••• 菜单（预览选项）中。

点击地址栏。会弹出应用所有页面的列表，并显示每个页面对应的文件。

MonstarX 构建新页面时，列表会随之更新。你也可以直接点击应用中的链接。

点击工具栏中的平板或手机按钮。预览会缩窄到 820 px（平板）或 390 px（手机），让你看到布局如何自适应——菜单收进一个按钮里、多栏内容上下堆叠。

想看真机效果，可以在手机上打开预览——详见用手机构建。

↻ 重新加载就像在浏览器中点击刷新：重新加载页面。当某些内容看起来没有更新时，先试试这个。
⟲ 重启开发服务器会重启为你的应用提供服务的程序。当重新加载不管用、预览似乎卡住了，或者 MonstarX 让你这样做时，就用它。大多数情况下，地址保持不变。

预览也会自我照料：如果某次修改后页面出错，它会在后台自动重新加载，直到页面恢复正常；启动失败的预览也会自动重试。

为了节省资源，预览闲置 20 分钟后会进入休眠。这时你看到的不是空白面板，而是页面最后样子的一份已保存副本，并显示一条横幅：已保存副本 · 25 分钟前 · 预览已休眠，移动或点击即可唤醒。

只要你在工作区内移动鼠标、滚动、输入或点击——或者点击立即唤醒——实时预览就会自动重新启动。如果你点击已保存副本上的链接或按钮，实时预览会为你打开那个页面（显示“正在启动实时预览以打开‘About’…”）。

已保存副本只保存在你自己的浏览器中，绝不会保存在 MonstarX 的服务器上，因为它可能显示你在应用内登录后看到的内容。如果没有已保存副本，面板会显示预览已休眠，并提供立即唤醒按钮。

可以——像你的用户一样注册和登录即可。在单独标签页（↗）中打开的预览有独立的登录状态，所以你需要在那里重新登录。如果你的应用有账户功能，MonstarX 会在聊天中为你准备好一个测试用户（演示账户已就绪）。

在 MonstarX 内，项目所有者以及项目共享对象都可以打开。每个人都可以使用应用并留下评论，但只有所有者和拥有可编辑权限的人能看到编辑、截取和重启开发服务器。

预览还有自己的地址，用复制公开预览链接（或 ••• 菜单中的复制预览链接）即可复制：任何拿到这个链接的人都能打开预览，所以分享时请谨慎。这个地址是临时的——预览重启时它可能会变，没人使用时预览也会休眠——所以要向所有人展示你的应用，请发布应用。

我在预览中输入的数据是真实的吗？

这些数据会保存在应用真实的数据库中，也就是已发布应用使用的同一个数据库。测试订单、预约和注册都会出现在管理标签页和后端中。

预览显示“预览服务器出错”，怎么办？

点击重启。如果仍然失败，打开“日志”标签页查看原因，或者在聊天模式中问问 MonstarX。

为什么预览显示的是一张卡片，而不是我的应用？

MonstarX 构建期间或应用启动期间，状态卡片会遮住预览，这样你就永远不会看到写了一半的页面。详见跟进构建进度。

关闭 MonstarX 后，预览还会继续运行吗？

闲置 20 分钟后它会进入休眠，等你回来时再唤醒。已发布的应用是独立运行的，始终在线。

可以把预览链接分享给客户吗？

可以——任何拿到链接的人都能打开——但它是为构建准备的：地址可能会变，预览也会休眠。需要广泛分享时，请发布应用。如果想让别人跟进进度并留下评论，请分享项目。