Preview pane

See the preview of the preview url of a running server side by side with code.
Preview pane running a React app

Preview Pane will be enabled for projects with preview attribute set to true in anyfiddle.json. This preview pane will be enabled as soon as the preview attributes is changed and anyfiddle.json is saved.

Preview pane has a navigation bar to navigate forward, backward and refresh the preview. There is also a url bar in the preview pane that show the current url of the preview.

Auto Reload

Auto Reload for the preview can be enabled by setting autoReload attribute in anyfiddle.json to true. This works by sending a HEAD request to the current preview url and waiting for changes in etag. The server running should support etags for auto reload to work properly.

Check the configuring anyfiddle.json page to understand how to use the json.