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

本文主要是介绍手写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

这篇关于手写gulp脚本打开本地浏览器支持mac,windows的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---