JQuery 判断浏览器及其版本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 判断浏览器及其版本相关的知识,希望对你有一定的参考价值。

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

当然有时候我们还需要区分版本 这就要用到 jQuery.browser.version

技术分享
    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
        } 
    }
技术分享

JQuery 源码

技术分享
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判断浏览器的种类和版本. 
如果我们要来判断当前浏览器是否是IE6应该如何来判断?

$.browser.msie&&($.browser.version == "6.0")&&!$.support.style 

同样jQuery判断浏览器是否为IE7

$.browser.msie&&($.browser.version == "7.0") 

以上是关于JQuery 判断浏览器及其版本的主要内容,如果未能解决你的问题,请参考以下文章

十条jQuery代码片段助力Web开发效率提升

十条jQuery代码片段助力Web开发效率提升

兼容ie8,firefox,chrome浏览器的代码片段

十条实用的jQuery代码片段

jquery判断浏览器版本插件,jquery-browser.js

HTML和CSS中如何判断ie各版本浏览器