Heim > häufiges Problem > Hauptteil

Unterstützen jetzt alle Browser es6?

青灯夜游
Freigeben: 2022-10-20 14:20:20
Original
4985 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!
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