JS----检测各浏览器及版本2

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浏览器检测</title>
<script type="text/javascript" src="style/js/jquery-1.5.2.min.js"></script>
<style type="text/css">
span{font-size:40px; font-family:Verdana;}
.browser{color: green;}
.version{color: orange;}
</style>
</head>

<body>
<span>Your browser is:</span>
<span class="browser"></span>
<span class="version"></span>


<script type="text/javascript">
/*
 * 注意本例代码支持jQuery 1.5.1~jQuery 1.8.3,1.9版本以上$.browser被废弃了
 * 请尝试使用特性检测:http://modernizr.com
 */
 
 var userAgent = navigator.userAgent.toLowerCase(),
   browser = '',
   version = 0;
   
 $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
 
 //判断是否是chrome
 if($.browser.chrome){
   userAgent = userAgent.substring(userAgent.indexOf('chrome/') + 7);
   userAgent = userAgent.substring(0, userAgent.indexOf('.'));
   version = userAgent;
   // 因为这里jQuery会把chrome识别为safari,这里我们控制一下
   $.browser.safari = false;
   browser = 'Chrome';
 }
 
 //判断是否为Safari
 if($.browser.safari){
   userAgent = userAgent.substring(userAgent.indexOf('safari/') + 7);
   userAgent = userAgent.substring(0, userAgent.indexOf('.'));
   version = userAgent;
   browser = 'Safari';
 }
 
 //判断是否为非Firefox的Mozilla浏览器
 if($.browser.mozilla){
   //判断是否为firefox
   if(navigator.userAgent.toLowerCase().indexOf('firefox')!=-1){
     userAgent = userAgent.substring(userAgent.indexOf('firefox/') + 8);
     userAgent = userAgent.substring(0, userAgent.indexOf('.'));
     version = userAgent;
     browser = 'Firefox';
   }else{
     browser = 'Mozilla(非Firefox)';
   }
   
 }
 
 //判断是否为Opera
 if($.browser.opera){
   userAgent = userAgent.substring(userAgent.indexOf('version/') + 8);
   userAgent = userAgent.substring(0, userAgent.indexOf('.'));
   version = userAgent;
   browser = 'Opera';
 }
 
 //判断是否是IE
 if($.browser.msie){
   userAgent = $.browser.version;
   userAgent = userAgent.substring(0, userAgent.indexOf('.'));
   version = userAgent;
   browser = 'IE';
 }
 
 
 //最后演示一下如何使用
 $('.browser').append(browser);
 $('.version').append(version);
</script>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值