Skip to contentSkip to footer

Live/auto reloading

Polypane includes both live and autoreloading functionality. You can find this by right clicking the reload icon and selecting either "Live reload" or "Auto reload", or by going to the "configurators" item in the Edit menu.

Once configured for a tab it will remain active whenever that tab is active.

Tabs will show a lightning bold outline when they have live reloading configured but are not currently active. When Live reloading is active, the lightning bold will be filled.

Live reload

Live reloading will update your page whenever Polypane detects a change on your file system. In the configuration panel, select a directory and check the events you want to respond to. When live reloading is active, you'll see a lightning bolt ( ) next to the reload icon.

Live reload settings are stored per tab, and will automatically be paused and re-activated as you switch tabs.

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. When editing, often just "Change file" is enough. Adding more events will take more resources, but will also pick up new or removed files.

Ignored files

Polypane automatically ignores some files and folders, like dotfiles, dotfolders, node_modules and .git, from causing reloads.

Custom ignore patterns

To ignore additional folders and files, like framework-specific cache folders, add a file called ignorepatterns.txt to the Polypane settings folder, which you can find here:

  • Windows: %APPDATA%/Polypane/
  • macOS: ~/Library/Application Support/Polypane/
  • Linux: ~/.config/Polypane/

Add anymatch patterns (like in your .gitignore) to this file, one on each line, and Polypane will load them in when starting the app and included them in the list of ignored files.

If you want to match specific files or folders, make sure to add **/ in front of them to make sure anymatch catches them. For example if you want to ignore a "debug.log" file, the line in your ignorepatterns.txt file should say **/debug.log.

Reload delay

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 post processing has happened, you can configure a delay in seconds. By default, that delay is 0.

You can also set decimal seconds if your local server needs less than a second to prepare your resources.

Auto reload

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.

PP

Have a question about Polypane?

Contact us any time though chat, Slack or our contact form:

Contact Support

Build your next project with Polypane

  • Use all features on all plans
  • On Mac, Window and Linux
  • 14-day free trial – no credit card needed
Try for free
Polypane screenshot