ie6不能兼容es6。IE6不支持識別ES6語法,會報錯。解決方法:1、引入babel-browser.min.js文件,這樣就可以使用ES2015進行編碼;2、引入browser-polyfill.js文件,可解決箭頭函數或者promise或者async、awite不兼容問題;3、在script標簽上加上“type="text/babel"”屬性。

本教程操作環境: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的問題。
【
站長資訊網