Add Browsersync Refresh on WordPress save

[renestalder]

Browsersync have got a new API since v2.6.0. It enables to inject custom reloading which makes it possible to reload on database changes.

/* PHP pseudo codez */
add_action( 'save_post', function() {
    http_get("http://localhost:3000/__browser_sync__?method=reload");
});

[xarem]

good idea!

Attention:

• must only trigger again if the first query to localhost:3000 was successful
• must only trigger if WP Debug is enabled

[renestalder]

Also attention on the fact, that the port of localhost could differ. It can change whenever a second browsersync instance is running.

[xarem]

On the initialisation callback of BrowserSync we could get urls + port and write them to a custom json file in the wordpress root directory which is in the gitignore: http://www.browsersync.io/docs/api/#api-cb