Question

我有浏览器同步设置并通过gulp运行。虽然当浏览器是活动和选定窗口时它会自动刷新，但如果不是，则自动刷新。

这意味着当我在编辑器中更改代码时，我无法并排编辑器和浏览器并在浏览器上看到连续更新。我不得不选择浏览器来查看更新。是否可以在不将浏览器作为活动窗口的情况下使其工作。（在macOS Sierra上）。

gulpfile任务：

// 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

您的问题似乎不是代码本身，而是您需要在编辑器中保存才能启动gulp任务。

为了解释一些编辑在指定的实例中为您保存。例如，只有当一个人停止写入并等待指定的时间来保存和/或当应用程序的焦点转移到另一个应用程序时，WebStorm会自动保存，一旦焦点移动，就会触发保存并且gulp可以接收这些更改，反过来更新browsersync。

希望这有帮助。

如果浏览器是活动窗口，则browsersync仅刷新

1 个答案: