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 相关文章推荐
一个javascript图片阅览组件
Nov 09 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
js 显示base64编码的二进制流网页图片
Apr 04 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
浅析jQuery中使用$所引发的问题
May 29 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
js实现文字列表无缝滚动效果
Jun 23 Javascript
vue父组件通过props如何向子组件传递方法详解
Aug 16 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
vue实现购物车列表
Jun 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面向对象编程快速入门
2006/10/09 PHP
php 3行代码的分页算法(求起始页和结束页)
2009/10/21 PHP
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
smarty内置函数capture用法分析
2015/01/22 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
JS函数验证总结(方便js客户端输入验证)
2010/10/29 Javascript
基于node实现websocket协议
2016/04/25 Javascript
完美实现八种js焦点轮播图(下篇)
2020/04/20 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
Vue项目webpack打包部署到服务器的实例详解
2017/07/17 Javascript
BootStrap Fileinput上传插件使用实例代码
2017/07/28 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
Angular PWA使用的Demo示例
2019/01/31 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
js中apply和call的理解与使用方法
2019/11/27 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
JS面向对象之多选框实现
2020/01/17 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Django中的文件的上传的几种方式
2018/07/23 Python
python下PyGame的下载与安装过程及遇到问题
2019/08/04 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
python相对企业语言优势在哪
2020/06/12 Python
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
Love, Bonito国际官网:新加坡女装品牌
2021/03/13 全球购物
艺术设计专业求职自荐信
2014/05/19 职场文书
会计专业自荐信范文
2015/03/05 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
python源码剖析之PyObject详解
2021/05/18 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技