JS、Jquery获取浏览器信息

1、背景
在做前端开发时，经常需要解决浏览器兼容性问题，要解决这个问题就先得判断浏览器类型及版本，本人做过几次，因为频率不是很高，所以每次都忘记该怎么做，就需要去百度，而百度的东西很多用不了，或者不怎么好用，找资料又花时间，所以我在这亲测之后，写下这篇文章，希望对自己对大家能有所帮助

2、JS获取浏览器信息

浏览器代码名称：navigator.appCodeName
浏览器名称：navigator.appName
浏览器版本号：navigator.appVersion
对Java的支持：navigator.javaEnabled()
MIME类型（数组）：navigator.mimeTypes
系统平台：navigator.platform
插件（数组）：navigator.plugins
用户代理：navigator.userAgent

我用IE和谷歌来测
因为判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道，所以我先创建一个JSp，关键代码如下

<script type="text/javascript">
        var browser = navigator.userAgent;
        alert(browser.toString());
</script>

ie10的结果

ie10.png

ie9的结果

ie9.png

ie8的结果

ie8.png

谷歌浏览器的结果

Google Chrome.png

由图可以看出，不同的浏览器有不同的标识，我们区分浏览器，只需要匹配对应的标识即可，下面列出常见浏览器判断

var explorer =navigator.userAgent ;
//ie 
if (explorer.indexOf("MSIE") >= 0) {
alert("ie");
}
//firefox 
else if (explorer.indexOf("Firefox") >= 0) {
alert("Firefox");
}
//Chrome
else if(explorer.indexOf("Chrome") >= 0){
alert("Chrome");
}
//Opera
else if(explorer.indexOf("Opera") >= 0){
alert("Opera");
}
//Safari
else if(explorer.indexOf("Safari") >= 0){
alert("Safari");
} 
//Netscape
else if(explorer.indexOf("Netscape")>= 0) { 
alert('Netscape'); 
} 

3、Jquery判断浏览器类型和浏览器版本号的方法

$(document).ready(function(){
 
  var brow=$.browser;
 
  var bInfo="";
 
  if(brow.msie){bInfo="MicrosoftInternetExplorer"+brow.version;}
 
  if(brow.mozilla){bInfo="MozillaFirefox"+brow.version;}
 
  if(brow.safari){bInfo="AppleSafari"+brow.version;}
 
  if(brow.opera){bInfo="Opera"+brow.version;}
 
  alert(bInfo);
  alert(nui.encode(brow));//这是普元的nui函数，是把json格式的数据转换成字符串
 
});

用ie9测试，其它的就不赘述了

2017-06-30_113854.png

2017-06-30_113907.png

如有问题或有想相互学习交流的，可以联系本人（邮箱：18986837482@163.com，微信：caililiangcaililiang，QQ：785553790）