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

时间:2022-04-24 17:19:35

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