前端自動化-瀏覽器同步測試（自動刷新、熱刷新、熱加載）

時間 2019-12-01

標籤前端自動化瀏覽器同步測試自動刷新加載欄目測試自動化简体版

原文原文鏈接

Browsersync

官網：https://www.browsersync.io/webpack

中文：http://www.browsersync.cn/web

Gulp中使用

http://www.browsersync.cn/docs/gulp/gulp

注意1：我測試哪一個tesk在下面哪一個好使（要麼能使用靜態服務器，要麼用代理？）貌似不能部分請求用代理。。瀏覽器

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

// 靜態服務器
gulp.task('browser-sync', function() {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});

// 代理
gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "你的域名或IP"
    });
});

注意2：proxy後定義了路徑startPath就不起做用了服務器

gulp.task('browser-sync', function() {
    browserSync.init({
        // path爲首次啓動路徑，host爲個請求轉發的地方
        proxy: "localhost:3448/data-entry/index.aspx",
        /* 
          proxy後定義了路徑startPath就不起做用了

          proxy: "localhost:3448/data-entry/index.aspx",
          和
          proxy: "localhost:3448",
          startPath: "/data-entry/index.aspx"
          同樣
        */
    });
});