使用JavaScript获取浏览器Chrome版本信息

Navigator对象包含了有关浏览器的信息

可通过访问其属性appVersion或userAgent来获取浏览器Chrome版本

例如,我所使用的QQ浏览器的appVersion和userAgent分别为

5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.26 Safari/537.36 Core/1.63.5478.400 QQBrowser/10.1.1550.400

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.26 Safari/537.36 Core/1.63.5478.400 QQBrowser/10.1.1550.400

这两条信息中的“Chrome/63.0.3239.26”便是Chrome版本信息

可通过正则表达式来获取Chrome版本号,以下为示例代码

display_chrome_version.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Chrome版本</title>
</head>
<body style="text-align:center">
    <input id="displayChromeVersionInput" type="button" value="显示Chrome版本" />
    <h1>App version:</h1>
    <h2 id="appVersionH2" />
    <h1>User agent:</h1>
    <h2 id="userAgentH2" />
    <script type="text/javascript">
        document.getElementById('appVersionH2').innerHTML = navigator.appVersion;
        document.getElementById('userAgentH2').innerHTML = navigator.userAgent;
        document.getElementById('displayChromeVersionInput').onclick = function () {
            var re = new RegExp('Chrome/(.+?) ');
            alert(re.exec(navigator.appVersion)[1]);
            alert(re.exec(navigator.userAgent)[1]);
        }
    </script>
</body>
</html>

在安卓开发中,也可通过此方式获取WebView的Chrome版本(若版本较低,可通过升级安卓系统组件Android System WebView来提升Chrome版本)

猜你喜欢

转载自www.cnblogs.com/buyishi/p/9195662.html