转:用JS判断IE浏览器的版本(-- 很巧妙实用的方法)

~~在看到这篇文章之前如果让我来判断IE的版本,那么我基本上会用 navigator.userAgent去做字符串检索,现在觉得特性检测的确比较靠谱一点

今天一个项目中需要判断IE版本号,又因为 jQuery 2.0 去除了对浏览器版本号的判断(它推荐特性检测),于是就看到一老外写的一段代码:

var _IE = (function(){ // 因为前面有括号 funcition被认为是匿名函数对象
    var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); // div是在内存中的  off-document操作
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    ); // while(){}居然可以这样使用,判断条件为逗号分开的多个表达式,循环体为空表达式  这里实际上是不断改写div的innerHTML为不同的条件注释 看是否能识别来判断是IE几?
    return v > 4 ? v : false ;
}());  // _IE= 5 6 7 8 9 10..或 false

这段代码着实巧妙!既简介、有向后兼容!一般做法都是:正则搜索 USER_AGENT ;
但因为历史原因, USER_AGENT 一直都不准确,而且被各大厂商改的乱七八糟。

 

比如:

IE10 : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)

IE11 : Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko

这都是些什么乱七八糟的什么字符串啊。。。鬼知道 IE12会变成什么!!!
所以使用特性检测、或者USER-AGENT检测既不可靠,也不向后兼容!

强烈推荐上述代码!

posted @ 2013-09-21 17:52  stephenykk  阅读(428)  评论(0编辑  收藏  举报