手写gulp脚本打开本地浏览器支持mac,windows

需求描述：启动一个gulp任务，打开本地默认浏览器

需要的相关依赖

• $ npm i -g gulp
• $ npm i --save-dev gulp process shelljs

关键代码

gulp.task('open-browser', function () {
    var platform = process.platform;
    var shellStr1 = "open -a '/Applications/Google Chrome.app' 'http://localhost:9000'";
    var shellStr2 = "start http://localhost:9000";
    // 打开浏览器方法：
    var openFunc = function (str, flag) {
        // 执行并对异常处理
        if (sh.exec(str).code !== 0) {
            sh.echo(flag + '下打开浏览器失败,建议您安装chrome并设为默认浏览器!');
            sh.exit(1);
        }
    };
    if (platform === 'darwin') {
        openFunc(shellStr1, 'Mac');
    } else if (platform === 'win32' || platform === 'win64') {
        openFunc(shellStr2, 'Windows');
    } else {
        sh.echo('现在只支持Mac和windows系统!如果未打开页面，请确认安装chrome并设为默认浏览器!');
    }
});

执行打开命令

• $ gulp open-browser

解决低版本IE报错

• 问题描述：在IE6下测试中弹出提示：start找不到[http://localhost:9000]文件
• 解决方案：手动打开IE6浏览器(一个空白页)之后再执行gulp任务

参考

• https://www.npmjs.com/package/gulp-open
• https://github.com/stevelacy/gulp-open