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 | ||
##Opera Mini | #all |
||
4.4-4.4.4 | |||
59 | |||
Firefox for Android |
|||
83 | |||
#12.12 |
##Samsung Internet |
#4 |
|
QQQ Browser |
Baidu Browser
7.12
#KaiOS Browser
#2.5
###我們都知道使用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>
以上是ie6能不能相容es6的詳細內容。更多資訊請關注PHP中文網其他相關文章!