js如何判断浏览器类型,包括手机浏览器的?

JavaScript030

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>

使用navigator.userAgent来判断浏览器类型。

var isIE=navigator.userAgent.toUpperCase().indexOf("MSIE")?true:false //判断是否是IE浏览器

var isFirefox=navigator.userAgent.toUpperCase().indexOf("FIREFOX")?true:false//是否是火狐浏览器

补充:

userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。不同浏览器的请求都不一样,IE中带有MSIE,火狐带有特殊字符FireFox

<script type=“text/javascript”>

function isIE(){

return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 &&document.all

}

function isIE6() {

return navigator.userAgent.split(“”)[1].toLowerCase().indexOf(“msie 6.0″)==“-1″?false:true

}

function isIE7(){

return navigator.userAgent.split(“”)[1].toLowerCase().indexOf(“msie 7.0″)==“-1″?false:true

}

function isIE8(){

return navigator.userAgent.split(“”)[1].toLowerCase().indexOf(“msie 8.0″)==“-1″?false:true

}

function isNN(){

return navigator.userAgent.indexOf(“Netscape”)!=-1

}

function isOpera(){

return navigator.appName.indexOf(“Opera”)!=-1

}

function isFF(){

return navigator.userAgent.indexOf(“Firefox”)!=-1

}

function isChrome(){

return navigator.userAgent.indexOf(“Chrome”) >-1

}

</script>

下面介绍下 js获取客户端浏览器信息

Navigator 对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息

Navigator 对象属性:

属性

描述

appCodeName 返回浏览器的代码名。

appMinorVersion返回浏览器的次级版本。

appName 返回浏览器的名称。

appVersion 返回浏览器的平台和版本信息。

browserLanguage返回当前浏览器的语言。

cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。

cpuClass 返回浏览器系统的 CPU 等级。

onLine 返回指明系统是否处于脱机模式的布尔值。

platform 返回运行浏览器的操作系统平台。

systemLanguage返回 OS 使用的默认语言。

userAgent 返回由客户机发送服务器的 user-agent 头部的值。

userLanguage返回 OS 的自然语言设置。