jQuery下通过$.browser来判断浏览器.


Posted in Javascript onApril 05, 2011

使用方法:
$.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的源码:
var userAgent = navigator.userAgent.toLowerCase(); 
// Figure out what browser is being used 
jQuery.browser = { 
version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1], 
safari: /webkit/.test( userAgent ), 
opera: /opera/.test( userAgent ), 
msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), 
mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) 
};

jQuery 使用的是通过正则来匹配userAgent判断浏览器的种类和版本.
如果我们要来判断当前浏览器是否是IE6应该如何来判断?
$.browser.msie&&($.browser.version == "6.0")&&!$.support.style
同样jQuery判断浏览器是否为IE7
$.browser.msie&&($.browser.version == "7.0")
如果不考虑向后兼容性,又不想为了判断各浏览器类型而导入jQuery
判断IE最简单的方法是
if(document.all){ 
alert("IE6") 
}

$.browser是通过正则表达式来匹配userAgent来判断浏览器版本和种类的.jquery1.3.2版本的文档中已经声明jquery.browser及jquery.browser.version建议弃用,可以使用jquery.support来代替
但是目前的情况来看,jquery.support并不好用,而且是非常的难用,我们还是老老实实的用$.browser来判断浏览器类型吧
如果是为了判断IE的版本我还是推荐用IE的条件表达式来书写JS
<!--[if IE]> 
<script type="text/javascript"> 
alert("ie") 
</script> 
<![endif]--> 
<!--[if IE 6]> 
<script type="text/javascript"> 
alert("ie6") 
</script> 
<![endif]--> 
<!--[if IE 7]> 
<script type="text/javascript"> 
alert("ie7") 
</script> 
<![endif]-->

这个比我们手动通过$.browser来判断IE版本更精准,也不用去记jquery的browser的使用方法了
Javascript 相关文章推荐
js的Boolean对象初始值示例
Mar 04 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
谈谈AngularJs中的隐藏和显示
Dec 09 Javascript
微信小程序 解析网页内容详解及实例
Feb 22 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
vue中使用element组件时事件想要传递其他参数的问题
Sep 18 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
Vue单文件组件开发实现过程详解
Jul 30 Javascript
Jquery判断IE6等浏览器的代码
Apr 05 #Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 #Javascript
JQuery中$之选择器用法介绍
Apr 05 #Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 #Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 #Javascript
Ajax 数据请求的简单分析
Apr 05 #Javascript
jQuery1.5.1 animate方法源码阅读
Apr 05 #Javascript
You might like
又一个php 分页类实现代码
2009/12/03 PHP
php下封装较好的数字分页方法
2010/11/23 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
PHP的压缩函数实现:gzencode、gzdeflate和gzcompress的区别
2016/01/27 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PHP7内核之Reference详解
2019/03/14 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
javascript常用函数(1)
2015/11/04 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
JavaScript中的Object对象学习教程
2016/05/20 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
echarts.js 动态生成多个图表 使用vue封装组件操作
2020/07/19 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
[58:29]DOTA2-DPC中国联赛 正赛 Phoenix vs XG BO3 第一场 1月31日
2021/03/11 DOTA
python搜索指定目录的方法
2015/04/29 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
python gdal安装与简单使用
2019/08/01 Python
Anaconda 查看、创建、管理和使用python环境的方法
2019/12/03 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
老师自我鉴定范文
2013/12/25 职场文书
公司前台辞职报告
2014/01/19 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技