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 相关文章推荐
Prototype使用指南之base.js
Jan 10 Javascript
JavaScript中的集合及效率
Jan 08 Javascript
jquery ui resizable bug解决方法
Oct 26 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
深入浅析Extjs中store分组功能的使用方法
Apr 20 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
Jun 09 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
浏览器调试动态js脚本的方法(图解)
Jan 19 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
vue项目中定义全局变量、函数的几种方法
Nov 08 Javascript
利用promise及参数解构封装ajax请求的方法
Mar 24 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
PHP新手上路(十二)
2006/10/09 PHP
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
php切割页面div内容的实现代码分享
2012/07/31 PHP
php分页函数完整实例代码
2014/09/22 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
PHP实现与java 通信的插件使用教程
2019/08/11 PHP
犀利的js 函数集合
2009/06/11 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
Node.js中的模块机制学习笔记
2014/11/04 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
网页中的图片查看器viewjs使用方法
2017/07/11 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
js实现轮播图效果 z-index实现轮播图
2020/01/17 Javascript
Python原始字符串与Unicode字符串操作符用法实例分析
2017/07/22 Python
Python3 replace()函数使用方法
2018/03/19 Python
python 通过xml获取测试节点和属性的实例
2018/03/31 Python
详解小白之KMP算法及python实现
2019/04/04 Python
Ubuntu下Python+Flask分分钟搭建自己的服务器教程
2019/11/19 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
使用SQLAlchemy操作数据库表过程解析
2020/06/10 Python
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
会计电算化应届生求职信
2013/11/03 职场文书
大专毕业生自我鉴定
2013/11/21 职场文书
国税会议欢迎词
2014/01/16 职场文书
银行优秀员工事迹
2014/02/06 职场文书
警校毕业生自我评价
2014/04/06 职场文书
妈妈别哭观后感
2015/06/08 职场文书
大学学习委员竞选稿
2015/11/20 职场文书