js如何判断浏览器类型，包括手机浏览器的？

JavaScript023

js如何判断浏览器类型，包括手机浏览器的？,第1张

在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>

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