关于ES6兼容IE 问题记录之一

时间:2021-11-23 13:06:08

这两天在做前端网页时,遇到一个问题,页面打开发生乱码,如下:

现象:360 浏览器,在急速模式下(即谷歌模式)是OK的显示,第一张图布局OK;在兼容模式下(即IE模式)是显示NG的,第二张图布局乱码

查看360 浏览器,兼容模式下控制台也没有报错

关于ES6兼容IE 问题记录之一

分析原因:乱码的地方,我使用的是js  控制的行高,这里的行高 没有体现出来,即js没有执行,怀疑是jquery 没有引入进来。。。

因为是IE 模式下出错,所以将代码放到 IE 下进行调试,这时控制台出现错误提示

关于ES6兼容IE 问题记录之一

点击js  进入js 文件:

关于ES6兼容IE 问题记录之一

这里看到的:提示这个函数有问题,但是仔细查看,发现函数没有问题啊,

找了很久都没有发现问题,

于是将这些东西发给一个大神朋友,请他帮忙看看

大神看了之后,回复:是兼容问题,在这里使用了ES6 的默认参数写法,而IE不支持ES6的默认参数,把默认参数去掉就可了

修改结果:

关于ES6兼容IE 问题记录之一

再次使用IE 和360 浏览器兼容模式测试:结果OK了,如下:

关于ES6兼容IE 问题记录之一

总结:

1. IE模式下报错,就使用IE 进行调试,这样才可以比较方便的找到问题出在哪里

2. IE模式不支持es6 的写法