zoukankan      html  css  js  c++  java
  • 使用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版本)

  • 相关阅读:
    vuex 简单理解
    es2015(es6)学习总结
    工作资源知识点总结收集
    margin-top使用需要注意的地方
    关于用display:table让元素居中的小结
    display:table-cell
    margin:0 auto;不居中
    css选择器总结
    css 选择器优先级
    给行内元素加上绝对定位之后,元素属性的变化
  • 原文地址:https://www.cnblogs.com/buyishi/p/9195662.html
Copyright © 2011-2022 走看看