按照道理来说,在2021年的今天,前端开发应该已经不太需要考虑IE浏览器兼容的事情了,因为微软已经早在2015年就确认放弃IE品牌,主推edge了。

但现实的情况是,目前国内的事业单位,还在普遍使用这个他们已经用了很多年的系统和浏览器,由于业务方有这个需求,所以简单的适配该做也得做。

由于新开发的产品用到了很多ES6新特性。目前的适配主要是采用如下方案:

1、IE最多只适配到IE 11 版本,低版本提示用户进行升级

2、通过引入babel-polyfill 对es5进行支持。

主要操作步骤如下:

1、 npm install --save babel-polyfill

2、 main.js 引入 require("babel-polyfill")

3、 router.js 最上方导入 import "babel-polyfill"

4、 npm run build

另外搜集到一个判断IE高版本浏览器的方法,供大家参考

什么是ie浏览器的兼容模式(浏览器兼容那些事儿)(1)

判断IE高版本浏览器的js方法

,