JS 中如何判断出 各个IE浏览器的版本

JavaScript011

JS 中如何判断出 各个IE浏览器的版本,第1张

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浏览器当前版本

前几天在网上看到一个技术牛人写的世界上判断是否IE浏览器之最短的js代码,如下:<scriptif(!+[1,])alert(这是ie浏览器)

else alert(这不是ie浏览器)

</script

其实有很多判断的方法,大都是根据浏览器的特性来的。

比如库prototype的方法是:!!(window.attachEvent &&navigator.userAgent.indexOf('Opera') === -1) 。就是根据ie支持window.attachEvent添加侦听事件,非ie用window.addEventListener添加侦听事件来判断的。navigator.userAgent.indexOf('Opera') === -1是因为opara浏览器能伪装成ie.如果!!(window.attachEvent )为真,就是ie;反之,如果!window.addEventListener为真,也可以判断为ie.

Ext使用的是!1[0],他利用IE无法使用数组下标访问字符串的特性来判断。在ie8下好像有问题。

在!+[1,]还未被发现前,判断ie最短的表达式是 !+\v1.它利用的是ie不支持垂直制表符的特性。

以前还有一个常用方法是document.all,由于opera浏览器能伪装成ie。可以这样写:!!(document.all &&navigator.userAgent.indexOf('Opera') === -1).

还有很多,先记这几条,便于工作时查阅。

1.+[1,]

2.!+\v1

3.!!(window.attachEvent &&navigator.userAgent.indexOf('Opera') === -1)

4.!!(!window.addEventListener&&navigator.userAgent.indexOf('Opera') === -1)

5.!!(document.all &&navigator.userAgent.indexOf('Opera') === -1)