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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu
Mar 06 Javascript
javascript整除实现代码
Nov 23 Javascript
js控制页面控件隐藏显示的两种方法介绍
Oct 09 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
javascript解析ajax返回的xml和json格式数据实例详解
Jan 05 Javascript
详解JSON Web Token 入门教程
Jul 30 Javascript
vue-image-crop基于Vue的移动端图片裁剪组件示例
Aug 28 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
node express使用HTML模板的方法示例
Aug 22 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
PHP制作百度词典查词采集器
2015/01/29 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
jQuery 过滤not()与filter()实例代码
2012/05/10 Javascript
Js判断CSS文件加载完毕的具体实现
2014/01/17 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
从0开始学Vue
2016/10/27 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
JavaScript函数节流和函数防抖之间的区别
2017/02/15 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
js实现购物车功能
2018/06/12 Javascript
js对象数组和对象的使用实例详解
2019/08/27 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
Python彩色化Linux的命令行终端界面的代码实例分享
2016/07/02 Python
python网络爬虫学习笔记(1)
2018/04/09 Python
python获取代码运行时间的实例代码
2018/06/11 Python
python制作填词游戏步骤详解
2019/05/05 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
python实现画出e指数函数的图像
2019/11/21 Python
python实现mean-shift聚类算法
2020/06/10 Python
python 数据类型强制转换的总结
2021/01/25 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
canvas进阶之如何画出平滑的曲线
2018/10/15 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
Sisley法国希思黎中国官网:享誉全球的奢华植物美容品牌
2019/06/30 全球购物
EJB发布WEB服务一般步骤
2012/10/31 面试题
公司委托书格式范本
2014/09/16 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS