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


Posted in Javascript onSeptember 02, 2014

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之原型和继承
Jul 06 Javascript
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
DOM节点删除函数removeChild()用法实例
Jan 12 Javascript
详解AngularJS中的依赖注入机制
Jun 17 Javascript
浅谈jQuery 选择器和dom操作
Jun 07 Javascript
Javascript自定义事件详解
Jan 13 Javascript
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
Nov 09 Javascript
Seajs源码详解分析
Apr 02 Javascript
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 #Javascript
jQuery级联操作绑定事件实例
Sep 02 #Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 #Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 #Javascript
jQuery淡入淡出元素让其效果更为生动
Sep 01 #Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 #Javascript
JQuery中的html()、text()、val()区别示例介绍
Sep 01 #Javascript
You might like
Amazon Prime Video平台《无限住人 -IMMORTAL-》2020年开始TV放送!
2020/03/06 日漫
php var_export与var_dump 输出的不同
2013/08/09 PHP
php猴子选大王问题解决方法
2015/05/12 PHP
详谈PHP编码转换问题
2015/07/28 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
node.js中的console.info方法使用说明
2014/12/09 Javascript
jQuery 中DOM 操作详解
2015/01/13 Javascript
AngularJS整合Springmvc、Spring、Mybatis搭建开发环境
2016/02/25 Javascript
微信小程序 WebSocket详解及应用
2017/01/21 Javascript
canvas时钟效果
2017/02/16 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
python类和继承用法实例
2015/07/07 Python
实例讲解Python中函数的调用与定义
2016/03/14 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
微信公众号token验证失败解决方案
2019/07/22 Python
python基于property()函数定义属性
2020/01/22 Python
jupyter notebook 使用过程中python莫名崩溃的原因及解决方式
2020/04/10 Python
在pytorch中动态调整优化器的学习率方式
2020/06/24 Python
Python configparser模块应用过程解析
2020/08/14 Python
智能旅行箱:Horizn Studios
2018/04/30 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
简历上的自我评价
2014/02/03 职场文书
承诺书范本
2015/01/21 职场文书
教师岗位职责范本
2015/04/02 职场文书
开除通知书范本
2015/04/25 职场文书
行政处罚决定书
2015/06/24 职场文书
2015年教师节主持词
2015/07/03 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫