Polypane includes both live and autoreloading functionality. You can find this by right clicking the reload icon or selecting either "Live reload" or "Auto reload", or in the View menu.
Live reloading will update your page whenever Polypane detects a change on your filesystem. In the configuration panel, select a directory and check the events you want to respond to. When editing, often just "Change file" is enough. Adding more will take more resources, but will also pick up new or removed files. When live reloading is active, you'll see a lightning bolt ( ) next to the reload icon.
CSS and images update without a page refresh
Live reloading will automatically try to replace the CSS, images and background images in your site without a page refresh. If it can't find a match, or if you're updating another type of file, the page is reloaded.
Listen to different events
By default, Polypane only listens to the change file event, but you can configure it to also refresh when adding and removing files or directories. Note that more events will mean Polypane will refresh more.
Depending on your local setup, a resource might not be ready the moment a file has been saved. In that case, Polypane can reload too fast. To make sure Polypane reloads after any postprocessing has happened, you can configure a delay in seconds. By default, that delay is 0.
Auto reloading is there for when you're working on a website that's not on your local machine (like a staging environment) that you still want to reload on changes. You can select the interval in seconds for when a page should reload. Polypane will wait for a page to load fully before starting the next countdown.
Is your question not answered?
Ask via Twitter, Slack or our contact form
Building responsive websites is hard.
Polypane makes it easy.