browsersync 仅在浏览器处于活动状态时刷新 window

Question

我有浏览器同步设置和运行到 gulp。尽管当浏览器处于活动状态并且 select 编辑 window 时它会自动刷新，但如果不是，则不会。

这意味着我无法同时使用编辑器和浏览器，并且无法在编辑器中更改代码时在浏览器上看到持续更新。我一直不得不 select 浏览器才能看到更新。是否可以在没有浏览器作为活动 window 的情况下让它工作。（在 macOS Sierra 上）。

gulp文件任务：

// Browser sync server for live reload
gulp.task('browserSync', function () {
    browserSync.init(
        [paths.css + "/**/*.css", paths.js + "*.js", paths.templates + '*.html'], {
            proxy: "localhost:8000",
            browser: 'chrome'
        });

.....

// Watch
gulp.task('watch', ['default'], function () {

    // gulp.watch(paths.sass + '/*.scss', ['styles']);
    gulp.watch(paths.less + '/**/*.less', ['styles']);
    gulp.watch(paths.js + '/*.js', ['scripts']).on("change", reload);
    gulp.watch(paths.images + '/*', ['imgCompression']);
    gulp.watch(paths.templates + '/**/*.html').on("change", reload);

});

Answer 1

您的问题似乎不是代码本身，而是您需要在编辑器中保存 when 以启动 gulp 任务这一事实。

为了解释一些编辑器会在指定的时间为您保存。例如，当焦点从应用程序转移到另一个应用程序时，WebStorm 仅在停止写入并等待指定时间保存时自动保存 and/or，一旦焦点转移，就会触发保存 gulp可以了解这些变化，进而更新浏览器同步。

希望对您有所帮助。

browsersync 仅在浏览器处于活动状态时刷新 window

browsersync only refreshes if browser is the active window

javascript

gulp

browser-sync