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

时间：2024-03-12 09:54:17

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版本）

相关文章