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


Posted in Javascript onMay 12, 2015

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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
5秒后跳转到另一个页面的js代码
Oct 12 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
js基于cookie记录来宾姓名的方法
Jul 19 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
实例讲解JavaScript截取字符串
Nov 30 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
Apr 22 Javascript
js实现div层缓慢收缩与展开的方法
May 11 #Javascript
JS实现定时自动关闭DIV层提示框的方法
May 11 #Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 #Javascript
JavaScript实现表格点击排序的方法
May 11 #Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 #Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 #Javascript
js光标定位文本框回车表单提交问题的解决方法
May 11 #Javascript
You might like
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
PHP程序漏洞产生的原因分析与防范方法说明
2014/03/06 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
保证JavaScript和Asp、Php等后端程序间传值编码统一
2009/04/17 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
vuex分模块后,实现获取state的值
2020/07/26 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
Python代码调试的几种方法总结
2015/04/15 Python
Python栈类实例分析
2015/06/15 Python
Python 中的 else详解
2016/04/23 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python3使用正则表达式爬取内涵段子示例
2018/04/22 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python多进程使用函数封装实例
2020/05/02 Python
jupyter 添加不同内核的操作
2021/02/06 Python
英国足球店:UK Soccer Shop
2017/11/19 全球购物
交通安全寄语大全
2014/04/08 职场文书
大型演出策划方案
2014/05/28 职场文书
宿舍卫生管理制度
2015/08/05 职场文书
学习经验交流会总结
2015/11/02 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
使用redis生成唯一编号及原理示例详解
2021/09/15 Redis