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 相关文章推荐
VBScript版代码高亮
Jun 26 Javascript
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
jQuery创建插件的代码分析
Apr 14 Javascript
UI Events 用户界面事件
Jun 27 Javascript
解决Jquery鼠标经过不停滑动的问题
Mar 03 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
js实现华丽的九九乘法表效果
Mar 29 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
ExtJs整合Echarts的示例代码
Feb 27 Javascript
微信小程序之批量上传并压缩图片的实例代码
Jul 05 Javascript
Angular Excel 导入与导出的实现代码
Apr 17 Javascript
详解node登录接口之密码错误限制次数(含代码)
Oct 25 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
一个简单的自动发送邮件系统(三)
2006/10/09 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
php实现在服务器端调整图片大小的方法
2015/06/16 PHP
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
php json转换相关知识(小结)
2018/12/21 PHP
js 三级关联菜单效果实例
2013/08/13 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
JS实现拖动滚动条评分的效果代码分享
2016/09/29 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
javascript prototype原型详解(比较基础)
2016/12/26 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
关于微信小程序map组件z-index的层级问题分析
2019/07/09 Javascript
vue 返回上一页,页面样式错乱的解决
2019/11/14 Javascript
vue 动态创建组件的两种方法
2020/12/31 Vue.js
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
Python编写检测数据库SA用户的方法
2014/07/11 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Scrapy框架爬取Boss直聘网Python职位信息的源码
2019/02/22 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
详解python中的lambda与sorted函数
2020/09/04 Python
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
电子商务专业推荐信范文
2013/12/02 职场文书
买房协议书范本
2014/10/23 职场文书
环卫工作汇报材料
2014/10/28 职场文书
装饰技术负责人岗位职责
2015/04/13 职场文书
详解Nginx 工作原理
2021/03/31 Servers
mysql数据库入门第一步之创建表
2021/05/14 MySQL
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
vue选项卡切换的实现案例
2022/04/11 Vue.js