IE6~IE10的浏览器特征明显,存在msie字符串,而IE11去掉了msie字符串,可以通过rv后面的版本号识别IE11,具体方法如下:
function IETester(userAgent){var UA = userAgent || navigator.userAgent
if(/msie/i.test(UA)){
return UA.match(/msie (\d+\.\d+)/i)[1]
}else if(~UA.toLowerCase().indexOf('trident') && ~UA.indexOf('rv')){
return UA.match(/rv:(\d+\.\d+)/)[1]
}
return false
}
IETester()//不传参数返回当前IE版本,如果不是IE内核浏览器,返回false
IETester('Mozilla/5.0 (Windows NT 6.3 WOW64 Trident/7.0 rv:11.0) like Gecko')//传userAgent字符串,用来判断其他IE浏览器的版本,该示例返回11.0
方法如下:
1、写一个js获取userAgent属性的html文件,文件内容如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
alert(window.navigator.userAgent)
</script>
</head>
<body>
<h1>测试浏览器类型</h1>
</body>
</html>
2、Chrome对应userAgent信息:
Chrome/后面紧跟的38.0...数字串为当前浏览器版本
3、FF对应userAgent信息
Firefox/后面紧跟的33.0为当前FF版本
4、IE对应userAgent信息;其中MSIE后面的数字代表当前版本,如图:笔者所有为ie9.0
另外, 只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数,就可以明确判断出当前浏览器是IE。
5、Opera对应userAgent信息:
OPR/后面紧跟的25.0...数字串为当前Opera浏览器版本
6、Safari对应userAgent信息
Version/后面紧跟的5.1.7为Safari浏览器当前版本
在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:1、判断浏览器是否为IE
document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0;
navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。
navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。
2、判断IE版本
navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6;
navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7;
navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8;
navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。
3、JS获取浏览器信息
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent
DEMO:
Js代码
<script language="JavaScript">
<!--
function getOs()
{
var OsObject = ""
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE"
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox"
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari"
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino"
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko"
}
}
alert("您的浏览器类型为:"+getOs())
-->
</script>