Làm cách nào để tắt tạm thời trình duyệt đồng bộ hóa?

Question

Làm cách nào để tạm thời vô hiệu hóa browsersync, để nó không tiêm/sửa đổi các trang HTML? (. Để thử nghiệm và gỡ lỗi)

Answer 1

Hiện không có vẻ là một lựa chọn cấu hình để làm việc này, nhưng một workaround hacky là sử dụng snippetOptions để xác định một chuỗi mà sẽ sẽ không bao giờ được tìm thấy trong HTML:

snippetOptions: { 
    rule: { 
    match: /qqqqqqqqq/ 
    } 
} 

Nếu không thể tìm thấy chuỗi này trong HTML, đoạn mã sẽ không bao giờ được chèn và trình duyệt sẽ đồng bộ hóa trơ.

Answer 2

Bạn có thể sử dụng Yarg để gửi thông số và bật hoặc tắt tác vụ 'xem'.

Ghi dòng lệnh này để cài đặt các thành phần cần thiết:
npm i --save gulp browser-sync yargs runSequence

On gulpfile.js file:

browserSync.init({ 
    port: 80, 
    notify: false, 
    cors: true, 
    browser: 'chrome', 
    open: 'local' 
}); 

gulp.task('watch', ['browserSync'], function(){ 
    gulp.watch('dev/*.html', browserSync.reload); 
    gulp.watch('dev/**/*.js', browserSync.reload); 
    gulp.watch('dev/**/*.css', browserSync.reload); 
}); 

gulp.task('default', function(callback) { 
    var sequence = ['browserSync']; 
    if (args.sync){ 
     sequence.push('watch') 
    } 

    runSequence(sequence,callback); 
}); 

này if (args.sync) dòng sử dụng truthy/falsy tìm kiếm sync giá trị và bật/tắt 'đồng hồ ' bài tập.

BrowserSync với đồng hồ:
gulp --sync true

BrowserSync mà không cần đồng hồ:
gulp hay gulp --sync false