UI ビルダー エクスペリエンスを表示およびテストする方法を学ぶ

UI ビルダー でエクスペリエンスをプレビューし、エクスペリエンスのビルド時にどのように表示されるか、どのように機能するかを確認します。プレビューは、エクスペリエンスが期待どおりに機能すること、データリソースが利用可能なこと、レイアウトが正しく設定されていることを確認するのに役立ちます。

ページをテストする

開発者はページをテストしたり、エンドユーザーに表示される内容を確認したりできます。プレビューでは、最初に保存する必要はありません。

注:

非アクティブなバリアントとページコレクション (サブページ) のプレビューは現在サポートされていません。

ページのさまざまな側面をテストできます。

• [プレビュー] ボタンを選択してオーバーレイを開き、モーダル、ビューポート、動的データなどの現在作業しているバリアントをテストします。

• テスト値を変更し、[適用]を選択して、さまざまなデータでテストします。詳細については、「ページ内の値をテスト」を参照してください。

• [フォームファクター (form factor)] アイコンを選択して、さまざまな画面幅でバリアントがどのように見えるかを確認します。たとえば、バリアントをタブレットサイズまたはモバイルサイズで表示します。さまざまなフォームファクターのページ作成の詳細については、「レスポンシブオーサリング」を参照してください。

  

注:

プレビュー時にテスト値またはフォームファクターを編集すると、エディターでページバリアントを表示するときに、新しいテスト値またはフォームファクターが保持されます。たとえば、プレビュー中にフォームファクターをモバイルに変更した場合、ページバリアントはモバイルフォームファクターのエディターに表示されます。[フォームファクター (form factor)] アイコンを選択して、いつでも別のサイズに変更できます。

テストが完了したら、右上の [X] を選択してオーバーレイを閉じます。

エンドユーザーとしてページをテストする

URL パスを開いて、どのバリアントがユーザーに表示されるかをテストします。[プレビュー] ボタンの横にある矢印を選択し、ドロップダウンリストで [URL パスを開く] を選択します。UI ビルダー によって対象者、条件、条件順序がチェックされ、新しいブラウザタブで適切なバリアントが開きます。テストが完了したら、タブを閉じます。