Jquery 判断浏览器类型的例子

例子

$(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) 
    {
    }
})
</script>

方法二(在高版本的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];   
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索浏览器
, 关键字
, this
, null
类型
jquery判断浏览器类型、jquery 判断浏览器、jquery判断浏览器版本、jquery判断ie浏览器、jquery判断微信浏览器,以便于您获取更多的相关知识。

时间: 2024-08-24 13:48:01

Jquery 判断浏览器类型的例子的相关文章

jquery判断浏览器类型与版本号

使用jquery判断浏览器需要使用语法:$.browser.['浏览器关键字'] 判断各浏览器的语法示例:  代码如下 复制代码 $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); } else if($.browser.mozilla) { alert("this is mozi

jquery判断浏览器类型的代码_jquery

Jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,建议学习Jquery的朋友学习下,了解一下思路. 主要使用的方法:$.browser.['浏览器关键字'] 复制代码 代码如下: $(function() { if($.browser.msie) { alert("this is msie"); } else if($.browser.safari) { alert("this is safari!"); }

JavaScript 判断浏览器类型及版本_javascript技巧

几天前,浏览器家族有刚诞生了一位小王子,就是Google推出的Chrome浏览器.由于Chrome出生名门,尽管他还是个小家伙,没有人敢小看他.以后,咱们常说浏览器的"四大才子"就得改称为"五朵金花"了. 在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言,我们可以通过编写J

JavaScript判断浏览器类型的方法_javascript技巧

本文实例讲述了JavaScript判断浏览器类型的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); alert(ua); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1]: (s = ua.match(/firefox\/([\d.]+)/

jQuery获取浏览器类型和版本号的方法_jquery

废话不多说,关键代码如下所示: $(document).ready(function(){ varbrow=$.browser; varbInfo=""; if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;} if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;} if(brow.safari){bInfo="A

Jquery代码解释教程:判断浏览器类型的Jquery代码

文章简介:Jquery判断IE6等浏览器的代码. Jquery判断IE6等浏览器的代码 jquery中利用navigator.userAgent.indexOf来判断浏览器类型,并进行了一下处理,如果不想使用jquery,稍为修改下代码就可以为自己所用 Jquery判断IE6的代码: if ($.browser.msie && ($.browser.version == "6.0") && !$.support.style) {//代码} jquery

原生javascript和jquery判断浏览器版本等信息

本文为大家详细介绍下通过jquery和原生javascript判断浏览器信息包括:判断浏览器是否为IE以及IE版本是多少等等,感兴趣的朋友可以参考下哈,希望对大家有所帮助   复制代码 代码如下: <script type="text/javascript"> //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返

js判断浏览器类型

其实jQuery 也可以判断浏览器类型,但是从1.9之后就删除了$.browser  所以我没有使用jQuery 测试页面: Html代码   <html>   <head lang="en">       <meta charset="UTF-8">       <title></title>       <script type="text/javascript" src=&q

js判断浏览器类型,版本的代码(附多个实例代码)_javascript技巧

在网站前端开发中,浏览器兼容性问题本已让我们手忙脚乱,Chrome的出世不知道又要给我们添多少乱子.浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本. JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判