您好,登录后才能下订单哦!
这篇文章主要讲解了“ie6能兼容es6吗”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“ie6能兼容es6吗”吧!
ie6不能兼容es6。IE6不支持识别ES6语法,会报错。解决方法:1、引入babel-browser.min.js文件,这样就可以使用ES2015进行编码;2、引入browser-polyfill.js文件,可解决箭头函数或者promise或者async、awite不兼容问题;3、在script标签上加上“type="text/babel"”属性。
IE6不支持ES6语法,所以使用IE的时候,不识别ES6的语法,然后就报错。
支持ES6的浏览器版本(汇总表)
浏览器 | 不支持的版本 | 部分支持的版本 | 支持的版本 |
---|---|---|---|
IE | 6-10 | 11 | |
Edge | 12-14 | 15-18、79-87 | |
Firefox | 2-5 | 6-53 | 54-86 |
Chrome | 4-20 | 21-50 | 51-90 |
Safari | 3.1-7 | 7.1-9.1 | 10-13.1、14、TP |
Opera | 10-12.1 | 15-37 | 38-72 |
iOS Safari | 3.2-6.1 | 7-9.3 | 10-13.7、14.2 |
Opera Mini | all | ||
Android Browser | 2.1-4.3 | 4.4-4.4.4 | 81 |
Opera Mobile | 12-12.1 | 59 | |
Chrome for Android | 87 | ||
Firefox for Android | 83 | ||
UC Browser for Android | 12.12 | ||
Samsung Internet | 4 | 5-13.0 | |
QQ Browser | 10.4 | ||
Baidu Browser | 7.12 | ||
KaiOS Browser | 2.5 |
IE 不支持ES6的解决办法
我们都知道使用Babel处理IE不兼容问题,可是Babel需要配合webpack使用,配置一堆东西,这个比较简单,网上一堆教程。
可是不使用npm的项目,只是单纯的html文件里面,怎么处理在IE浏览器打开报错问题呢?
解决方案
1.引入babel-browser.min.js
要解决这个我们要先引入babel-browser.min.js,这样你可以使用ES2015进行编码
2.引入browser-polyfill.js
解决箭头函数或者promise或者async、awite不兼容问题
3.引入之后在你的js文件加上type="text/babel",加上之后你会发现这个时候可以支持ES6的语法了。
<script type="text/babel">
省略js代码
</script>
这样就解决了IE不识别ES6的问题。
感谢各位的阅读,以上就是“ie6能兼容es6吗”的内容了,经过本文的学习后,相信大家对ie6能兼容es6吗这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。