Jquery 判断浏览器类型的例子

作者:袖梨 2022-06-25

例子

$(document).ready(function()
{
    var explorer =navigator.userAgent ;
    //ie
    if (explorer.indexOf("MSIE") >= 0) 
    {
    }
    //firefox
    else if (explorer.indexOf("Firefox") >= 0) 
    {
    }
    //Chrome
    else if(explorer.indexOf("Chrome") >= 0)
    {
        //style="margin-top: 510px; !important;
        $(".wqx").css('margin-top','520px');
    }
    //Opera
    else if(explorer.indexOf("Opera") >= 0)
    {
    }
    //Safari
    else if(explorer.indexOf("Safari") >= 0)
    {
        $(".wqx").css('margin-top','510px');
    }
    //Netscape
    else if(explorer.indexOf("Netscape")>= 0) 
    {
    }
})

方法二(在高版本的jquery中已经没有了$.browser.['浏览器关键字'] 的做法了)


$.browser.['浏览器关键字']

$(function() { 

if($.browser.msie) { 

alert("this is msie"); 

} 

else if($.browser.safari) 

{ 

alert("this is safari!"); 

} 

else if($.browser.mozilla) 

{ 

alert("this is mozilla!"); 

} 

else if($.browser.opera) { 

alert("this is opera"); 

} 

else { 

alert("i don't konw!"); 

}

方法三,如果是高版本的jquery我们知道是$.support替代$.browser方法了,当然我们也可以使用js做法,如下。

1 mozilla
if(/firefox/.test(navigator.userAgent.toLowerCase())){}  
if(/firefox/.test(navigator.userAgent.toLowerCase())){}
2 webkit
if(/webkit/.test(navigator.userAgent.toLowerCase())){}  
if(/webkit/.test(navigator.userAgent.toLowerCase())){}
3 opera

[javascript] view plaincopyprint?
01.if(/opera/.test(navigator.userAgent.toLowerCase())){}  
if(/opera/.test(navigator.userAgent.toLowerCase())){}
4 ie
if(/msie/.test(navigator.userAgent.toLowerCase())){}  
if(/msie/.test(navigator.userAgent.toLowerCase())){}
5 ie6
if ('undefined' == typeof(document.body.style.maxHeight)) {}  
if ('undefined' == typeof(document.body.style.maxHeight)) {}

6 ie6-8

if (!$.support.leadingWhitespace) {}  
if (!$.support.leadingWhitespace) {}
7 IE11的检测方法

var ua=navigator.userAgent.toLowerCase(); 
  
if (ua.match(/msie/) != null || ua.match(/trident/) != null) {  
    
//浏览器类型   
browserType = "IE";  
//浏览器版本   
browserVersion = ua.match(/msie ([d.]+)/) != null ? ua.match(/msie ([d.]+)/)[1] : ua.match(/rv:([d.]+)/)[1];   
}

相关文章

精彩推荐