jquery检测浏览器版本等信息代码

JQuery

1个成员

jquery检测浏览器版本等信息代码

发表于 2017-02-06 • 2672 次查看

检测浏览器版本信息或是什么浏览器我们可以通过获取用户的user-agent 特性作为判断,下面我先只介绍四种主流浏览器的检查，其它的大家可自动加。

那么我们先来看下下面四个主流浏览器的 user-agent：

Safari(Windows edition)

... AppleWebKit/523.12.9 (KHTML, like Gecko) Version/3.0 Safari/523.12.9
Opera(Opera 9.2 on Windows XP)

Opera/9.24 (Windows NT 5.1; U; zh-cn)
Mozilla(Firefox 2.0.11 on Windows XP)

... Windows NT 5.1; zh-CN; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11
Internet Explorer (7.0 on Windows XP)

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)

核心代码

代码如下

复制代码

var userAgent = navigator.userAgent.toLowerCase();

// Figure out what browser is being used
jQuery.browser = {
    version: (userAgent.match( /.+(?:rv|it|ra|ie)[/: ]([d.]+)/ ) || [])[1],
    safari: /webkit/.test( userAgent ),
    opera: /opera/.test( userAgent ),
    msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
    mozilla: /mozilla/.test(userAgent)&&!/(compatible|webkit)/.test(userAgent)
};

这样我们就可以快速的利用在jQuery中$.browser对象的属性来获取浏览器的相关信息。$.browser对象即jQuery.browser对象

看浏览器相关信息的的示例

代码如下

复制代码

<div id="tip"></div>
<script>
    $(function () {
        var browserTip = "你的浏览器名称是：";
        if ($.browser.msie) { //IE浏览器
            browserTip += "IE";
        }
        if ($.browser.mozilla) { //火狐浏览器
            browserTip += "Mozilla Firefox";
        }
        browserTip += " 版本号是：" + $.browser.version; //获取版本号
        $("#tip").html(browserTip);
    })
</script>