预览流程
你有两种方式在不同屏幕类型上预览流程：
- 在设备上预览：在开发的任何阶段查看流程在真实设备上的显示效果。
- 在 Adapty 看板中预览：在设计流程时进行预览。
在设备上预览
要在真实设备上预览你的流程：
- 为 iOS 或 Android 下载 Adapty 移动应用，并使用你在看板中使用的 Adapty 账号登录。
- 在 Flow & Paywall Builder 中，点击 Test on device。
- 选择流程语言。
- 用设备摄像头扫描二维码或直接打开链接，即可在 Adapty 移动端应用中打开该流程。
Note
Adapty 移动端应用中的流程预览显示的是示例价格，因为它无法访问您在应用商店中的产品。此外，自定义标签不会传入任何值，因此您看到的是每个标签的初始值。
故障排查
如果流程无法在预览中打开，通常是由于操作不完整、页面为空或产品未绑定导致的。完整列表请参阅常见问题。
如果预览时出现 HTTP 401 错误，说明 Adapty 移动端 App 未登录。请使用你在看板中使用的 Adapty 账号登录，然后重新扫描二维码。
在 Adapty 看板中预览
Tip
为确保你的流程已准备好发布，请在真实设备上预览并确认其渲染正常。
你可以在流程与付费墙编辑工具的预览区域中，在不同屏幕类型上预览你的流程。这有助于确保你的流程在各种设备和屏幕尺寸上都能完美呈现。
使用预览区域下方的预览控件，你可以：
- 选择用于预览流程的设备。
- 在横向和纵向预览模式之间切换。
- 在浅色模式和深色模式之间切换。
- 在不同语言区域之间切换。
Tip
- 始终预览不同的语言区域设置，因为不同语言的单词长度可能不同，屏幕布局也可能因此有所差异。
- 对于 iOS 应用，请预览 iPhone Duo 折叠和展开两种状态，因为一套布局需要适配两个显示屏。
- 在编辑工具的预览区域中，每个自定义变量会显示其初始值，例如
name变量会显示Jane Doe。对于自定义标签，请勿输入示例数据：当你的应用未传入任何值时，用户会看到其初始值作为备用内容。请输入适合所有用户的词语，例如在”欢迎回来，朋友！“中使用friend。
预览产品与优惠
预览功能从您的 Adapty 产品目录中读取产品变量，仅涵盖设备实际解析内容的一部分：
prod_title显示产品在 Adapty 中存储的标题。prod_price和prod_price_per_*变量显示 Adapty 中存储的价格（以美元计）——用户看到的是本地化的商店价格。offer_price、offer_billing_period、offer_full_duration以及offer_price_per_*变量不会被解析，因此预览中会显示大括号内的变量名——例如{{products.selectedProduct.offer_price}}。这些值在 SDK 于应用中渲染流程时才会传入。is_free_trial、is_pay_up_front和is_pay_as_you_go取决于产品卡片上所选的优惠。未选择优惠时，三者均为false；选择了优惠时，预览将其视为按使用量付费。
因此，预览中会根据优惠类型切换条件分支，但默认情况下只显示按量付费分支。要查看其他分支，请模拟付款模式：
- 在画布上，选择包含优惠的产品卡片。
- 在右侧面板的 Product 下，打开优惠下拉菜单。
- 在 Preview as 下，选择 Free trial、Pay up front 或 Pay as you go。此设置仅对当前卡片生效。