browsersync wird nur aktualisiert, wenn der Browser das aktive Fenster ist

Question

Ich habe Browser-Sync-Setup und läuft durch Schluck. Obwohl es automatisch aktualisiert wird, wenn der Browser das aktive und ausgewählte Fenster ist, ist dies nicht der Fall.

Das bedeutet, ich kann nicht den Editor und Browser nebeneinander haben und kontinuierliche Updates auf dem Browser sehen, wie ich Code im Editor ändern. Ich muss den Browser immer noch auswählen, um ein Update zu sehen. Ist es möglich, es zum Laufen zu bringen, ohne den Browser als aktives Fenster zu haben? (auf macOS Sierra).

gulpfile Aufgabe:

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

Es scheint, dass das Problem nicht der Code selbst, sondern vielmehr die Tatsache, dass Sie, wenn Sie im Editor speichern müssen um die Schluckaufgabe zu starten.

Um einige Redakteure zu erklären, machen Sie das Speichern für Sie in bestimmten Fällen. Zum Beispiel speichert WebStorm automatisch nur, wenn man aufhört zu schreiben und eine bestimmte Zeit zum Speichern wartet und/oder wenn der Fokus von der Anwendung zu einer anderen Anwendung verschoben wurde, sobald der Fokus verschoben ist, wird die Speicherung ausgelöst und der Schluck kann diese Änderungen aufnehmen , die wiederum browsersync aktualisiert.

Hoffentlich hilft das.