js判断浏览器类型-阿里云开发者社区

开发者社区> 开发与运维> 正文

js判断浏览器类型

简介:

其实jQuery 也可以判断浏览器类型,但是从1.9之后就删除了$.browser 

所以我没有使用jQuery

测试页面:

Html代码  收藏代码
  1. <html>  
  2. <head lang="en">  
  3.     <meta charset="UTF-8">  
  4.     <title></title>  
  5.     <script type="text/javascript" src="js/jquery-1.10.1.js"></script>  
  6.     <script type="text/javascript" src="js/common_util.js"></script>  
  7.     <script type="text/javascript">  
  8.   
  9.   
  10.         window.onload=function(){  
  11. //            var brow = $.browser;  
  12. //            alert(brow);  
  13.             var browser = com.whuang.hsj.getBrowserVersion(true);  
  14.             document.write(browser.ver+"<br>");  
  15.             document.write("language:"+browser.lang);  
  16.         }  
  17.   
  18.     </script>  
  19. </head>  
  20. <body>  
  21.   
  22. </body>  
  23. </html>  

(1) 在chrome中运行结果:

 说明:中间一行的"36.0.1985.143"是浏览器版本号

 

(2)在IE8中运行结果:

 

 

(3)在IE9中运行结果:

 

 

(4)在火狐中运行结果:

但是在火狐中的版本号不对,js获取的版本号是33.0 ,但是应该是33.1,如下图:

 暂时不知道什么原因,不过影响不大

 

核心方法:com.whuang.hsj.getBrowserVersion

参数说明:只有一个参数,用于打印浏览器名称.用于上线的项目时应该设置为false.

返回值说明:

返回的是一个对象.

Js代码  收藏代码
  1. var browser = com.whuang.hsj.getBrowserVersion(false);  

 

可以通过browser.firefox 判断是否是火狐浏览器,通过browser.chrome 判断是否是谷歌浏览器,等等.

browser.lang是浏览器语言,取值范围是['zh-cn','zh','en-us','en']

注意:browser.lang的值均是小写,并且zh-cn 是中划线,不是下划线.

 

com.whuang.hsj.getBrowserVersion见附件common_util.zip

com.whuang.hsj.getBrowserVersion实现

Js代码  收藏代码
  1. /*** 
  2.  * get browser type and browser version and language 
  3.  * @param write22 
  4.  * @returns {{}} 
  5.  */  
  6. com.whuang.hsj.getBrowserVersion=function(write22){  
  7.     var browser = {};  
  8. //    console.dir(navigator);  
  9.     var userAgent = navigator.userAgent.toLowerCase();  
  10.     /*for(osvId in navigator){ 
  11.         var value222=navigator[osvId]; 
  12.         document.writeln(osvId+":&nbsp;"+value222+'<br>'); 
  13.     }*/  
  14.     var lang22=navigator.language;  
  15. //    document.writeln(userAgent+'<br>');  
  16. //    document.writeln(navigator.appCodeName+'<br>');  
  17.     var s;  
  18.     (s = userAgent.match(/msie ([\d.]+)/)) ? browser.ie = s[1] : (s = userAgent.match(/firefox\/([\d.]+)/)) ? browser.firefox = s[1] : (s = userAgent.match(/chrome\/([\d.]+)/)) ? browser.chrome = s[1] :  
  19.         (s = userAgent.match(/opera.([\d.]+)/)) ? browser.opera = s[1] : (s = userAgent.match(/version\/([\d.]+).*safari/)) ? browser.safari = s[1] : 0;  
  20.     var version = "";  
  21.     if (browser.ie) {  
  22.         version =  browser.ie;  
  23.         if(write22 && write22!=false && write22!='false'){  
  24.             document.writeln('IE<br>');  
  25.         }  
  26.         if(!browser.lang ||browser.lang==undefined){  
  27.             lang22=navigator.browserLanguage;  
  28.             browser.systemLanguage=navigator.systemLanguage ;  
  29.             browser.userLanguage=navigator.userLanguage;  
  30.         }  
  31.     }  
  32.     else  
  33.     if (browser.firefox) {  
  34.         version = browser.firefox;  
  35.         browser.mozilla=browser.firefox;  
  36.         if(write22 && write22!=false && write22!='false'){  
  37.             document.writeln('firefox<br>');  
  38.         }  
  39.     }  
  40.     else  
  41.     if (browser.chrome) {  
  42.         version = browser.chrome;  
  43.         if(write22 && write22!=false && write22!='false'){  
  44.             document.writeln('chrome<br>');  
  45.         }  
  46.     }  
  47.     else  
  48.     if (browser.opera) {  
  49.         version =  browser.opera;  
  50.         if(write22 && write22!=false && write22!='false'){  
  51.             document.writeln('opera<br>');  
  52.         }  
  53.     }  
  54.     else  
  55.     if (browser.safari) {  
  56.         version =  browser.safari;  
  57.         if(write22 && write22!=false && write22!='false'){  
  58.             document.writeln('Safari<br>');  
  59.         }  
  60.     }  
  61.     else {  
  62.         version = 'unknown browser';  
  63.     }  
  64.     browser.ver=version;  
  65.     if(lang22 && lang22!=undefined)  
  66.     {  
  67.         browser.lang=lang22.toLowerCase();  
  68.     }  
  69.     return browser;  
  70. }  

 参考:

获取鼠标的位置/坐标

js 常见问题 4

版权声明:本文首发在云栖社区,遵循云栖社区版权声明:本文内容由互联网用户自发贡献,版权归用户作者所有,云栖社区不为本文内容承担相关法律责任。云栖社区已升级为阿里云开发者社区。如果您发现本文中有涉嫌抄袭的内容,欢迎发送邮件至:developer2020@service.aliyun.com 进行举报,并提供相关证据,一经查实,阿里云开发者社区将协助删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章