用 javascript 判断 IE 版本号

于 2013-12-18 17:54:02 发布 · 100 阅读

文章标签：

#javascript #ViewUI

Web前端专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一段用于判断IE版本号的简洁且向后兼容的代码，避免了使用USER_AGENT带来的不准确性。该方法通过特性检测实现，确保了在不同版本的IE浏览器上都能正确识别。

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

var _IE = (function(){
    var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    return v > 4 ? v : 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

可见微软的IE版本标记完全无规律可循啊，谁知道IE12会变成什么样。所以使用特性检测、或者USER-AGENT检测既不可靠，也不向后兼容！

强烈推荐上述代码！