Sie können eine in Echtzeit aktualisierte Vorschau Ihrer Website anzeigen, während Sie an ihr arbeiten. In der Symbolleiste wird über „Vorschau“ ein Popup-Fenster geöffnet, in dem Sie den oder die zu verwendenden Browser wählen können.

Klicken Sie auf „Vorschau öffnen“, um die Vorschau in den ausgewählten Browsern zu starten. Der Inhalt wird kontinuierlich aktualisiert, während Sie an der Website arbeiten. Je nach Ihrer Arbeitsweise und Ihrem Bildschirm-Layout können Sie die Vorschau also gelegentlich öffnen oder sie dauerhaft neben dem Sparkle-Fenster oder auf einem zweiten Monitor anzeigen lassen.

Sparkle unterstützt die Echtzeitvorschau in Safari, Firefox, Chrome, Brave und Edge. Wenn Sie die Vorschau für andere Computer und Geräte im lokalen Netzwerk verfügbar machen, können Sie die Echtzeitvorschau beispielsweise auch auf einem iOS-Gerät aufrufen. Mit dem QR-Code lässt sich die Vorschau schnell öffnen.

Die Vorschaufunktion funktioniert auch offline, außer bei Elementen, die aus dem Internet geladen werden (Videos, soziale Medien, eingebetteter Code von Dritten usw.).

Wenn Ihr Dokument Layouts für mehrere Geräte enthält, zeigt die Vorschau bei Aktivierung der Option „Aktuelles Gerät“ das Layout für das aktuelle Gerät an, unabhängig vom tatsächlich verwendeten Gerät oder der Breite des Browserfensters. Wenn Sie die Option „Alle Geräte“ aktivieren, zeigt die Echtzeitvorschau das zum Gerät passende Layout. Wenn Sie verschiedene Geräte haben, wird also das jeweils passende Layout angezeigt. Außerdem können Sie die Position und Größe von Elementen bearbeiten, die im Vorschau-Browser nicht sichtbar sind.

Wenn Ihr Dokument das dunkle Farbschema enthält, wird unter „Leinwand-Farbschema“ unabhängig vom System das gerade aktive Farbschema angezeigt. Wenn Sie „System-Farbschema“ einstellen, zeigt die Vorschau eine Website, bei der das Farbschema an das aktive Schema des jeweiligen Systems angepasst wird. 

Wenn Ihre Website eine Datenschutz(erklärungs)seite und ein Datenschutzbanner enthält, können Sie das Cookie-Banner jedes Mal anzeigen lassen, wenn eine Vorschauseite angezeigt wird, oder nie.