转:用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检测既不可靠,也不向后兼容!
强烈推荐上述代码!