Maison  >  Article  >  interface Web  >  ie6 est-il compatible avec es6 ?

ie6 est-il compatible avec es6 ?

青灯夜游
青灯夜游original
2023-01-16 17:59:362186parcourir

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.

ie6 est-il compatible avec es6 ?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn