预览流程

你有两种方式在不同屏幕类型上预览流程:

  • 在设备上预览:在开发的任何阶段查看流程在真实设备上的显示效果。
  • 在 Adapty 看板中预览:在设计流程时进行预览。

在设备上预览

要在真实设备上预览您的流程:

  1. 下载适用于 iOSAndroid 的 Adapty 移动应用。
  2. 在流程编辑器中,点击 Test on device
流程编辑器中的在设备上测试按钮
  1. 选择流程语言。
  2. 用设备相机扫描二维码或打开链接,即可在 Adapty 移动应用中预览您的流程。
Note

在测试模式下,Adapty 无法访问商店中的产品,因此流程中显示的价格并非真实价格。

Locale selector and QR code in the Test on device dialog

故障排查

如果流程无法在预览中打开,通常是因为存在未完成的操作、空白页面或未关联的产品。完整列表请参见常见问题

在 Adapty 看板中预览

Tip

为确保你的流程已准备好发布,请在真实设备上预览并确认其渲染无误。

你可以在流程编辑工具的预览区域中,查看流程在不同屏幕类型上的显示效果。这有助于确保你的流程在各种设备和屏幕尺寸上都能完美呈现。

使用预览区域下方的预览控件,你可以:

  • 选择预览流程所用的设备。
  • 在横向和纵向预览模式之间切换。
  • 在浅色和深色模式之间切换。
  • 在不同语言区域之间切换。
Tip
  • 务必预览不同语言环境,因为不同语言的文字长度各异,界面布局可能因此有所不同。
  • 预览自定义变量时,请为其设置初始值。例如,添加 name 变量后,可以将初始值设为 Jane Doe 进行预览。
preview-paywall.gif