Как правильно определить новый Microsoft Edge v80 (Blink) через Javascript? - PullRequest
2 голосов
/ 12 февраля 2020

Поскольку последняя версия Microsoft Edge out и использует Blink - как правильно отличить Old Edge от New Edge с javascript?

enter image description here

В настоящее время я планирую просмотреть navigator.userAgent, чтобы проверить наличие более старых версий Edge (до 18)

const isOldEdge = /edge\/([0-1][0-8]|[0-9]\D)/.test(navigator.userAgent.toLowerCase());

Это правильный способ его обнаружения?

1 Ответ

3 голосов
/ 13 февраля 2020

Я предлагаю вам использовать window.navigator userAgent, чтобы проверить, является ли браузер Microsoft Chromium Edge или MS edge (Edge Html).

The Edge (Edge Html) userAgent браузера:

mozilla / 5.0 (windows nt 10.0; win64; x64) applewebkit / 537,36 (k html, как геккон) 1008 *

Агент пользователя Microsoft Chromium Edge:

mozilla / 5.0 (windows nt 10.0; win64; x64) applewebkit / 537.36 (k html, как gecko) хром /80.0.3987.87 safari / 537.36 edg / 80.0.361.50

Пример кода:

<!doctype html>
<html>
<head>
<title>Test demo</title>
</head>
<body>
<script>
    var browser = (function (agent) {
        switch (true) {
            case agent.indexOf("edge") > -1: return "MS Edge (EdgeHtml)";
            case agent.indexOf("edg") > -1: return "MS Edge Chromium";
            case agent.indexOf("opr") > -1 && !!window.opr: return "opera";
            case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome";
            case agent.indexOf("trident") > -1: return "Internet Explorer";
            case agent.indexOf("firefox") > -1: return "firefox";
            case agent.indexOf("safari") > -1: return "safari";
            default: return "other";
        }
    })(window.navigator.userAgent.toLowerCase());
    document.body.innerHTML =  "This is " + browser + " browser." + "<br><br>" + window.navigator.userAgent.toLowerCase();
</script>
</body>
</html>

Вывод в браузере MS edge (Edge Html):

enter image description here

Вывод в Браузер MS edge Chromium:

enter image description here

Ссылка:

Как обнаружить Microsoft Chromium Edge (chredge, edgium) в Javascript

...