Preview

You can live preview your website while working. Pressing the “Preview” button on the toolbar opens the preview popup, where you can select browser to use.

Clicking the “Open Live Preview” button opens the preview service in the selected browsers, the content is regenerated on the fly as you edit the site, so depending on your workflow and screen layout you can choose to open the live preview occasionally or keep the live preview always visible, side by side the Sparkle window or on a second screen.

Sparkle supports live preview in Safari, Firefox, Chrome, Brave and Edge. If you opt to make the preview available to other computers and devices on the local network, you can use live preview for example on an iOS device as well. The QR Code is a quick way to open preview.

The preview feature works with even while offline, except for elements sourced on the web (videos, social, third party code integrations, etc).

If your document contains multiple device layouts, setting "Current device" will display the current device layout regardless of the actual device or browser window width. If you set "All devices" live preview will show the appropriate layout for the device, which lets you have different devices each shown their own layout, but also means you might edit position and size of something that’s not visible on the preview browser.

The Sparkle preview popup

Updated for Sparkle 3.0

Auf Deutsch

En Français

In Italiano

Please report any shortcoming in this documentation and we’ll fix it as soon as possible!

Sparkle combines an all-in-one approach, an understandable interface and a focus on producing high performance and search engine optimized websites. 

All in a powerful native Mac app. 

Nothing else comes close.

Copyright ©2020 River SRL 

IT06208340486 — REA FI-609716

This site uses cookies. Some are essential to make our site work; others help us improve the user experience and display third party content. By using the site, you agree to our site sending these cookies. Read our privacy policy to learn more or opt out.