您的位置:首页 > Web前端 > JavaScript

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

2013-09-21 17:52 337 查看
~~在看到这篇文章之前如果让我来判断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检测既不可靠,也不向后兼容!

强烈推荐上述代码!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: