Vorschau

Sie können Ihre Website live in der Vorschau sehen, während Sie arbeiten. Wenn Sie auf die Schaltfläche „Vorschau“ in der Symbolleiste klicken, wird die Vorschau im selben Fenster gestartet; ein Klick auf das Aufklappdreieck öffnet das Vorschau-Popup mit den Vorschau-Einstellungen, in dem Sie einen oder mehrere Browser auswählen können, um Ihre Website in einem externen Browserfenster anzusehen.

Sie können CMD-R drücken (Ablage→Website-Vorschau), um schnell zwischen der integrierten Vorschau hin- und herzuschalten, oder auf die Schaltfläche „Live-Vorschau öffnen“ klicken, um den Vorschau-Dienst in den ausgewählten Browsern zu starten. Die integrierte Vorschau kann auf einem Laptop oder in Ein-Bildschirm-Szenarien nützlicher sein, wohingegen ein externer Browser vorteilhafter ist, wenn Sie einen Vorschau-Browser neben dem Sitely-Fenster platzieren können – auf einem großen Bildschirm oder in einem Dual-Screen-Setup. Der Vorschauinhalt aktualisiert sich in Echtzeit, während Sie die Website bearbeiten.

Sitely unterstützt Live-Vorschau in jedem Browser und kann Safari, Firefox, Chrome, Brave und Edge direkt öffnen. Wenn Sie das Teilen der Vorschau mit anderen Geräten im lokalen Netzwerk aktivieren, können Sie die Live-Vorschau beispielsweise auch auf iOS-Geräten verwenden. Der QR-Code bietet eine schnelle Möglichkeit, die Vorschau zu öffnen.

Die Vorschaufunktion funktioniert sogar, wenn Sie offline sind – ausgenommen Elemente, die aus dem Web geladen werden (Videos, soziale Medien, Integrationen von Drittanbietercode usw.).

Wenn Ihr Dokument mehrere Gerätelelayouts enthält, zeigt die Einstellung „Aktuelles Gerät“ das aktuelle Layout unabhängig vom tatsächlichen Gerät oder der Breite des Browserfensters an. Die Einstellung „Alle Geräte“ in der Live-Vorschau zeigt für jedes Gerät das passende Layout an, sodass Sie unterschiedliche Layouts für unterschiedliche Geräte sehen können. Dies kann jedoch dazu führen, dass Sie Elemente bearbeiten, die im Vorschau-Browser nicht sichtbar sind.

Wenn Ihr Dokument ein dunkles Farbschema verwendet, zeigt die Auswahl „Canvas-Farbschema“ das aktive Farbschema unabhängig vom System an. Die Auswahl „System-Farbschema“ zeigt eine Website, die ihr Thema entsprechend dem aktuellen Systemthema wechselt.

Wenn die Website eine Datenschutzseite und ein Banner enthält, können Sie wählen, ob der Cookie-Banner bei jeder Anzeige einer Vorschauseite eingeblendet werden soll oder nie.