首页  >  文章  >  web前端  >  ie6能不能兼容es6

ie6能不能兼容es6

青灯夜游
青灯夜游原创
2023-01-16 17:59:362242浏览

ie6不能兼容es6。IE6不支持识别ES6语法,会报错。解决方法:1、引入babel-browser.min.js文件,这样就可以使用ES2015进行编码;2、引入browser-polyfill.js文件,可解决箭头函数或者promise或者async、awite不兼容问题;3、在script标签上加上“type="text/babel"”属性。

ie6能不能兼容es6

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

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的问题。

【相关推荐:javascript视频教程web前端

以上是ie6能不能兼容es6的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn