Erfahren Sie, wie Sie Ihre UI Builder -Experience anzeigen und testen können

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 1 Minute Lesedauer
  • Zeigen Sie eine Vorschau Ihrer Experience in UI Builder an, um zu sehen, wie sie aussieht und funktioniert, während Sie eine Experience erstellen. Mithilfe einer Vorschau können Sie sicherstellen, dass Ihre Experience wie erwartet funktioniert, dass die Datenressourcen verfügbar sind und dass die Layouts ordnungsgemäß eingerichtet sind.

    Testen Sie Ihre Seite

    Sie können Ihre Seite als Entwickler testen oder sie so anzeigen, wie sie einem Endanwender angezeigt wird. Für die Vorschau ist kein vorheriges Speichern erforderlich.

    Hinweis:
    Die Vorschau inaktiver Varianten und Seitensammlungen (Unterseiten) wird derzeit nicht unterstützt.

    Sie können verschiedene Aspekte Ihrer Seite testen.

    • Testen Sie die Variante, an der Sie gerade arbeiten, einschließlich modaler Elemente, Viewports und dynamischer Daten, indem Sie die Schaltfläche Vorschau wählen, die eine Überlagerung öffnet.

    • Testen Sie mit anderen Daten, indem Sie die Testwerte ändern und Anwendenwählen. Weitere Informationen finden Sie unter Testwerte auf einer Seite.

    • Durch Auswahl eines Formfaktor-Symbols können Sie sehen, wie die Variante bei verschiedenen Bildschirmbreiten aussieht. Zeigen Sie die Variante beispielsweise in Tablet- oder Mobilgröße an. Weitere Informationen zum Erstellen von Seiten für verschiedene Formfaktoren finden Sie unter Responsive Authoring.

      Vorschaubereich mit schwarzen Pfeilen, die auf Formfaktorsymbole zeigen.
    Hinweis:
    Wenn Sie die Testwerte oder den Formfaktor in der Vorschau bearbeiten, werden die neuen Testwerte oder der Formfaktor beibehalten, wenn Sie die Seitenvariante im Editor anzeigen. Wenn Sie beispielsweise während der Vorschau den Formfaktor in „mobil“ geändert haben, wird die Seitenvariante im Editor mit dem mobilen Formfaktor angezeigt. Sie können jederzeit zu einer anderen Größe wechseln, indem Sie ein Formfaktorsymbol auswählen.

    Wenn Sie den Test abgeschlossen haben, wählen Sie oben rechts das X aus, um die Überlagerung zu schließen.

    Testen Sie Ihre Seite als Endanwender

    Testen Sie, welche Variante Anwender sehen, indem Sie den URL-Pfad öffnen. Wählen Sie den Pfeil neben der Schaltfläche Vorschau und dann in der Dropdown-Liste URL-Pfad öffnen aus. UI Builder überprüft die Zielgruppe, die Bedingungen und die Bedingungsreihenfolge und öffnet dann die entsprechende Variante in einer neuen Browserregisterkarte. Wenn Sie den Test abgeschlossen haben, schließen Sie die Registerkarte.