admin 管理员组

文章数量: 887021

需求描述：启动一个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/package/gulp-open
  • https://github/stevelacy/gulp-open

本文标签： 脚本 浏览器 gulp Mac Windows

版权声明：本文标题：手写gulp脚本打开本地浏览器支持mac,windows 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1728365828h1234246.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。