js/jquery判断浏览器类型的方法小结

 更新时间:2015年05月12日 08:46:23   投稿:hebedich  
有些时候需要根据浏览器来写样式,所以要判断一下浏览器类型,百度了一下,才知道JQuery有个方法直接判断,并附上原生的js的判断方法,分享给大家,有需要的小伙伴可以参考下。

JS获取浏览器信息

复制代码 代码如下:

浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent

js判断IE浏览器的四种方法:

方法一:

if(window.addEventListener){ 
alert("not ie"); 
}else if(window.attachEvent){ 
alert("is ie"); 
}else{ 
alert("这种情况发生在不支持DHTML的老版本浏览器(现在一般都支持)") 
}

注释:该方法在IE9及以上IE版本会弹出not ie结果

方法二:

if(document.all){ 
alert("IE"); 
}else{ 
alert("not ie"); 
}

方法三:

var navigatorName = "Microsoft Internet Explorer"; 
if( navigator.appName == navigatorName ){ 
alert("ie") 
}else{
alert("not ie") 
}

方法四:
利用了IE与标准浏览器在处理数组的toString方法的差异.对于标准游览器,如果数组里面最后一个字符为逗号,JS引擎会自动剔除它.

if(!+[1,])alert("这是ie浏览器"); 
else alert("这不是ie浏览器");

注释:IE9及以上版本会弹出“这不是IE浏览器”

判断常用浏览器的方法:

var explorer =navigator.userAgent ;
//ie 
if (explorer.indexOf("MSIE") >= 0) {
alert("ie");
}
//firefox 
else if (explorer.indexOf("Firefox") >= 0) {
alert("Firefox");
}
//Chrome
else if(explorer.indexOf("Chrome") >= 0){
alert("Chrome");
}
//Opera
else if(explorer.indexOf("Opera") >= 0){
alert("Opera");
}
//Safari
else if(explorer.indexOf("Safari") >= 0){
alert("Safari");
} 
//Netscape
else if(explorer.indexOf("Netscape")>= 0) { 
alert('Netscape'); 
} 

这里用到navigator.userAgent.indexOf("MSIE") >= 0进行判断,当然也可以用
navigator.userAgent.indexOf("MSIE") != -1 进行判断。

jquery判断浏览器类型和浏览器版本号的方法

$(document).ready(function(){

  var brow=$.browser;

  var bInfo="";

  if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;}

  if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;}

  if(brow.safari){bInfo="AppleSafari"+brow.version;}

  if(brow.opera){bInfo="Opera"+brow.version;}

  alert(bInfo);

});

注意:Query 从 1.9 版开始,移除了 .browser和.browser.version , 取而代之的是 $.support 方法

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JavaScript获取onclick、onchange等事件值的代码

    JavaScript获取onclick、onchange等事件值的代码

    这里主要是用到了getAttributeNode()这个方法,它获取的是属性节点,忽略属性和事件的差别,具体示例如下,感兴趣的朋友可以参考下哈希望对大家有所帮助
    2013-07-07
  • jquery $.each() 使用小探

    jquery $.each() 使用小探

    jquery each想必大家对此并不陌生吧,它的使用范围还是比较广泛的,下面与大家分享个示例来介绍jquery each的使用方法,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • jQuery UI库中dialog对话框功能使用全解析

    jQuery UI库中dialog对话框功能使用全解析

    这篇文章主要介绍了jQuery UI库中dialog对话框功能使用全解析,文中列举了各种常用的dialog属性,整理得很全面,需要的朋友可以参考下
    2016-04-04
  • jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

    jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法

    大家都知道,jQuery事件触发时有2种机制,一种是事件委托,另一种是事件冒泡,冒泡或默认的事件发生,在某些时候是不需要的,在此就需要一些可以阻止冒泡和默认的事件的方法,本文介绍三种方法做到不同程度的阻止,感兴趣的朋友可以了解下,或许对你了解冒泡事件有所帮助
    2015-11-11
  • jQuery.Sumoselect插件实现下拉复选框效果

    jQuery.Sumoselect插件实现下拉复选框效果

    jquery.sumoselect是一款跨设备、跨浏览器的jQuery下拉列表框插件。接下来通过本文给大家分享jQuery.Sumoselect插件实现下拉复选框效果,需要的朋友参考下吧
    2017-11-11
  • jquery.ui.draggable中文文档(原文翻译)

    jquery.ui.draggable中文文档(原文翻译)

    jquery.ui.draggable中文文档(原文翻译)。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 封装了jQuery的Ajax请求全局配置

    封装了jQuery的Ajax请求全局配置

    这篇文章主要介绍了封装了jQuery的Ajax请求全局配置的相关资料,需要的朋友可以参考下
    2015-02-02
  • 如何在MVC应用程序中使用Jquery

    如何在MVC应用程序中使用Jquery

    这篇文章主要介绍了如何在MVC应用程序中使用Jquery,并附上示例,给需要的小伙伴们参考下吧
    2014-11-11
  • jquery checkbox无法用attr()二次勾选问题的解决方法

    jquery checkbox无法用attr()二次勾选问题的解决方法

    下面小编就为大家带来一篇jquery checkbox无法用attr()二次勾选问题的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jquery 框架使用教程 AJAX篇

    jquery 框架使用教程 AJAX篇

    正好项目中准备使用thickbox,于是干脆抛弃prototype.js,看起jquery.js了。JQuery确实不错,体积比Prototype小了许多,而且使用起来更方便更灵活。有人说Prototype像JAVA,正统;而JQuery像Ruby,灵活,更趋于OOP。
    2009-10-10

最新评论