Browser Preview

Preview your website in any browser on your Mac

While the WYSIWYG editor allows you to view your design, you'll sometimes want to check how it looks in a browser.

To preview your website in your default browser, you can click the Safari Browser icon in the toolbar (Command-P). You can also press Command-Option-P to choose a different browser.

Preview Troubleshooting

For the local network web preview to be available you need to have already Previewed your site locally in the Browser. You can also press the "Restart Web Server" button to start the local preview and generate a new QR Code to scan.

Press "Restart Web Server" to start Local Preview

Once the web server is running you have two ways of getting the address for your local network preview. Copy and Paste the URL from the Advanced Project Settings, Or point your iPhone at the QR Code.

Scan QR Code to open URL on iPhone or iPad, etc.

Safari can't open the page

If you cannot see the Preview in Safari, you might be blocking http traffic. Either try another browser, or switch off the "Not Secure Connection Warning" in the Safari Settings.

This setting can be found in Settings.app > Apps > Safari.