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

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

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

注:

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

ページをテストする

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

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

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

• [幅] ドロップダウンリストから値を選択して、さまざまな画面幅でバリアントがどのように表示されるかを確認します。

  

注:

プレビュー時にテスト値または幅を編集すると、エディターでページバリアントを表示したときに新しいテスト値と幅が保持されます。たとえば、プレビュー中に幅を大きなサイズに変更した場合、ページのバリアントは新しい大きなサイズでエディターに表示されます。

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

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

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