ie6 n'est pas compatible avec es6. IE6 ne prend pas en charge la reconnaissance de la syntaxe ES6 et signalera une erreur. Solution : 1. Introduisez le fichier babel-browser.min.js afin que vous puissiez utiliser ES2015 pour l'encodage ; 2. Introduisez le fichier browser-polyfill.js pour résoudre le problème d'incompatibilité entre les fonctions de flèche ou les promesses ou async et awite ; . Ajoutez l'attribut "type="text/babel"" à la balise de script.
L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.
IE6 ne prend pas en charge la syntaxe ES6, donc lors de l'utilisation d'IE, la syntaxe ES6 n'est pas reconnue et une erreur est signalée.
Versions de navigateur prenant en charge ES6 (tableau récapitulatif)
Navigateurs | Versions non prises en charge | Versions partiellement prises en charge | Versions prises en charge |
---|---|---|---|
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 |
Opéra | 10-12.1 | 15-37 | 38-72 |
iOS Safari | 3.2-6.1 | 7-9.3 | 10-13.7, 14.2 |
Opera Mini | tous |
|
|
Navigateur Android | 2.1-4.3 | 4.4-4.4.4 | 81 |
Opera Mobile | 12-12.1 | |
59 |
Chrome pour Android | 87 | ||
Firefox pour Android | 83 | ||
Navigateur UC pour Android |
|
12.12 | |
Internet Samsung |
|
4 | 5-13.0 |
Navigateur QQ | 10.4 | ||
Navigateur Baidu | 7 .12 | ||
Navigateur KaiOS | 2.5 |
Solution pour IE ne prenant pas en charge ES6
Nous savons tous que l'utilisation de Babel pour résoudre les problèmes d'incompatibilité d'IE, mais Babel doit être utilisée avec webpack et configurer un tas de choses. Relativement simple, il existe de nombreux tutoriels sur Internet.
Mais pour un projet qui n'utilise pas npm et qui n'est qu'un simple fichier html, comment gérer l'erreur lors de son ouverture dans le navigateur IE ?
Solution
1.Introduisez babel-browser.min.js
Pour résoudre ce problème, nous devons d'abord introduire babel-browser.min.js, afin que vous puissiez utiliser ES2015 pour le codage
2.Introduire le navigateur- polyfill .js
Résolvez le problème d'incompatibilité entre la fonction arrow ou promise ou async et awite
3 Après l'introduction, ajoutez type="text/babel" à votre fichier js. Après l'avoir ajouté, vous constaterez que la syntaxe ES6 peut. être soutenu en ce moment.
<script type="text/babel"> 省略js代码 </script>
Cela résout le problème de IE qui ne reconnaît pas ES6.
【Recommandations associées : tutoriel vidéo javascript, front-end web】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!