Gemeinschaft
Lernen
Tools-Bibliothek
KI-Tools
Freizeit
suchen
Deutsch
Heim > häufiges Problem > Unterstützen jetzt alle Browser es6?

Unterstützen jetzt alle Browser es6?

青灯夜游
Freigeben： 2022-10-20 14:20:20
Original
5197 Leute haben es durchsucht

Nein; ES6 bietet viele neue Funktionen, aber nicht alle Browser unterstützen ES6 grundsätzlich nicht, während Edge12-14 nur einige der neuen ES6-Funktionen unterstützt zu den neuen Funktionen von ES6 Die einzigen Browser sind Chrome und Firefox Chrome kann 97 % der neuen ES6-Funktionen ab Version 51 unterstützen, und Firefox kann 97 % der neuen ES6-Funktionen ab Version 53 unterstützen.

Unterstützen jetzt alle Browser es6?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

ES6 bietet viele neue Funktionen, aber nicht alle Browser können diese perfekt unterstützen. Glücklicherweise beschleunigen die großen Browser jetzt ihre Kompatibilität mit den neuen Funktionen von ES6. Zu den benutzerfreundlichsten Browsern für die neuen Funktionen von ES6 gehören Chrome und Firefox.

Einführung in die Browserkompatibilität der ES6-Syntax

38-72 alle2.1-4.34.4-4.4.4815 98783UC-Browser für Android12.12Samsung Internet5-13.0 KaiOS Browser

Weitere Informationen zur Unterstützung jedes Browsers für ES6 finden Sie unter https://caniuse.com/?search=es6.

Wenn Sie wissen möchten, ob Ihr Browser ES6 unterstützt, überprüfen Sie bitte http://ruanyf.github.io/es -checker/index.cn.html

Desktop-Browser-Unterstützung für ES2015

  • Chrome: Ab Version 51 können 97 % der neuen ES6-Funktionen unterstützt werden.

  • Firefox: Unterstützt 97 % der neuen ES6-Funktionen ab Version 53.

  • Safari: Unterstützt 99 % der neuen ES6-Funktionen ab Version 10.

  • IE: Edge 15 kann 96 % der neuen ES6-Funktionen unterstützen.

  • Edge 14 kann 93 % der neuen ES6-Funktionen unterstützen. (IE7 ~ 11 unterstützt ES6 grundsätzlich nicht)

Es ist ersichtlich, dass IE11 wieder langsamer wird und ES6 vollständig aufgibt und Edge seine Zukunft unterstützen wird. „IE11 ist effektiv mit ES6 kompatibel.“ -core/5.8.35/browser.min.js

Dieses Skript konvertiert Anweisungen auf ES6-Syntaxebenehttps://cdn.bootcss.com/babel-core/5.8.35 /browser-polyfill.min. js

Dieses Skript konvertiert die neue Syntax-API, wie Set Map Promise usw.

Markieren Sie den type = "text/babel" des Skriptblocks

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IE11 With ES6</title>
    <script src="./browser-polyfill.min.js"></script>
    <script src="./browser.min.js"></script>
    <script type="text/babel">
        const list = [&#39;one&#39;, &#39;two&#39;, &#39;three&#39;];
        list.forEach((item, index) => {
            alert(item + (index + 1));
        });


        let promise = new Promise(function (resolve, reject) {
            alert(&#39;Promise&#39;);
            resolve();
        });

        promise.then(function () {
            alert(&#39;resolved.&#39;);
        });


        const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);
        alert(items.size)


        const map = new Map();

        const k1 = [&#39;a&#39;];
        const k2 = [&#39;a&#39;];

        map.set(k1, 111).set(k2, 222);

        alert(map.get(k2))

    </script>
</head>

<body>

</body>

</html>
Nach dem Login kopieren

So gibt es Hier gibt es zwei Verwirrungen:

Erstens: <script type="text/babel"> und der
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2439
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2572
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2175
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
2051
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
2153
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved

Browser Nicht unterstützte Version Teilweise unterstützte Version Unterstützte Version
IE 6-10 11
Edge
12-14 15-18, 79-87
Firefox 2-5 6-53 54-86
Chrom 4-20 21-50 51-90
Safari 3.1-7 7.1-9.1 10-13.1, 14, TP
1 0-12,1 15-37
Android-Browser
Opera Mobile
12-12.1.
Chrome für Android
Firefox für Android




4


2.5