There are a number of tools to automatically reload / refresh a page during web development, eliminating the need to refresh the browser manually. This is helpful for working on styling and scripts. ## BrowserSync Install: ```bash npm i -g browser-sync ``` Run (from root of your project); ```bash browser-sync start --proxy "localhost:YOUR_PORT" --files "**/*.php, **/*.css, **/*.js" ``` You may need to reactivate your terminal for the process to keep running. A potential solution would be using `gulp` in the project to keep the process running in the background. ## Local by FlyWheel Instant Reload If you use Local by FlyWheel, it can come with a plugin called [Instant Reload](https://localwp.com/help-docs/local-features/instant-reload/). Instant Reload tends to be buggy and doesn't always reliably work. It also tends to slow down site load speeds by a lot. ## Live.js [Live.js](https://livejs.com/) is an easy-to-install script that automatically works after minimal setup. As long as the script is on your site, it will watch for any changes in HTML, CSS, and JavaScript and do an entire page refresh. https://livejs.com/live.js WordPress enqueue: ```php wp_enqueue_script('live-js', 'https://livejs.com/live.js'); // TODO: Delete ``` ## LiveReload.js [LiveReload.js](https://github.com/livereload/livereload-js) is similar to Live.js, but requires a little bit more setup (though not a lot). For a little bit more setup, it is more efficient in that it only reloads assets that are updated, vs doing an entire page refresh. It may require setting up with `npm`.