Live Auto Refresh (Hot Reload / Live Reload for WordPress Developers)

FAQ

What files does this monitor for code changes?

By default, only .php, .js, and .css files within the active theme and child theme are monitored for changes. This improves performance and avoids unnecessary checks on other files.

Do style changes reload the page?

Changes to CSS files will hot reload to display the updates styling without reloading the HTML DOM.

What content saves trigger a refresh?

Editor saves to the wordpress page or post content.

How are PHP errors handled?

If WP_DEBUG is enabled then any non critical error messages will display.
Critical errors will prevent the plugin running, so a manual reload will be required once the code error is fixed to restart monitoring.

Supports popular page builders content save monitoring

Auto refresh triggers on content save in these builders:
– WP Block Editor (Gutenberg)
– Elementor
– Beaver Builder
– Bricks Builder
– WPBakery
– Divi
– Visual Composer

How do I use the new settings page?

Go to Settings → Live Auto Refresh in your WordPress admin dashboard. You can enable or disable auto refresh here, or use the admin bar toggle for quick access. The settings page also allows you to monitor all file types, or default (php, css, js). You can also select which plugins to monitor for changes during development. Interval and timeout options are also available.

Advanced extensibility:

Developers can add support for additional builder save hooks using the perron_auto_refresh_custom_hooks filter. Example:

add_filter('perron_auto_refresh_custom_hooks', function($hooks) {
    $hooks[] = 'my_custom_builder_save_hook';
    return $hooks;
});

Do you accept donations?

This plugin saves developers valuable time, so any donations are greatly appreciated!
DONATE