JQuery判断浏览器类型与版本

发布时间:2020-12-27编辑:脚本学堂
如何用jquery判断浏览器类型与浏览器版本呢?这里分享二个实例代码,用于学习jquery浏览器判断方法很不错,感兴趣的朋友参考下。

jquery可以使用方法jQuery.browser 来判断浏览器,返回值可以为: safari opera msie mozilla。

如果需要区分浏览器版本,则要用到jQuery.browser.version。

例1:
 

复制代码 代码示例:
function JudgeBroswer() {
        if($.browser.msie) {
            alert("this is msie!"); //IE
        }
        else if($.browser.safari)
        {
            alert("this is safari!"); //Safari
        }
        else if($.browser.mozilla)
        {
            alert("this is mozilla!");  //Firefox
        }
        else if($.browser.opera) {
            alert("this is opera");     //Opera
        }
    }

例2,
 

复制代码 代码示例:
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 使用的是通过正则来匹配userAgent判断浏览器的种类和版本.

1,判断当前浏览器是否是IE6浏览器,如下:
 

复制代码 代码示例:
$.browser.msie&&($.browser.version == "6.0")&&!$.support.style

2,jQuery判断浏览器是否为IE7
 

复制代码 代码示例:
$.browser.msie&&($.browser.version == "7.0")

用jquery判断浏览器类型与版本还是方便的。