Gracecode.com

由 IE8 User-Agent 更新想到的

作者：手气不错 发布时间：January 11, 2009 分类：JavaScript

IE 开发团队更改了 IE8 的 User-agent ，更改的部分信息如下：

IE8 on Windows Vista (Compatibility View)
    Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0) 

IE8 on Windows Vista
    Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)

除了 IE8 因 Compatibility View 功能造成单浏览器“原生”多个 User-agent 外，还有个情况也变得非常的有趣，就是几乎每个浏览器都将自己渲染引擎的标识加入到了 User-agent 中（Gecko、Webkit、Trident）。

User-agent 信息常被用作检测浏览器类型和版本的最佳途径（YUI、jQuery），而上述的改动是否意味着以后类似的检测脚本会变得更加的复杂？回答这个问题之前，让我们看下 Mootools 如何检测浏览器信息

var Browser = {
    Engine: {name: 'unknown', version: 0},
    Features: {
        xpath: !!(document.evaluate),     // 是否支持 XPath
          air: !!(window.runtime),        // 是否支持 Air 扩展
        query: !!(document.querySelector) // 是否支持 CSS 选择器
    },
    Engines: {
        // 判断 Opera
        presto: function() {
            return (!window.opera) ? 
                false : ((arguments.callee.caller) ? 
                    960 : ((document.getElementsByClassName) ? 950 : 925));
        },
        // 判断 IE，根据 ActiveX 和 特有的 XMLHttpRequest 对象
        trident: function() {
            return (!window.ActiveXObject) ? 
                           false : ((window.XMLHttpRequest) ? 5 : 4);
        },
        // Webkit 核心的浏览器，如 Safari 和 Chrome
        webkit: function() {
            return (navigator.taintEnabled) ? 
                false : ((Browser.Features.xpath) ? 
                    ((Browser.Features.query) ? 525 : 420) : 419);
        },
        // Mozilla Gecko 核心浏览器，如 Firefox
        gecko: function() {
            return (document.getBoxObjectFor == undefined) ?
                false : ((document.getElementsByClassName) ? 19 : 18);
        }
    }
};

Browser.detect = function() {
    for (var engine in this.Engines){
        var version = this.Engines[engine]();
        // 如果具有特定的浏览器对象
        if (version){
            this.Engine = {name: engine, version: version};
            this.Engine[engine] = this.Engine[engine + version] = true;
            break;
        }
    }
    return {name: engine, version: version};
};

Browser.detect();

上述代码让人感到耳目一新，它是根据浏览器功能而非 User-agent 判断浏览器类型。仔细考虑一下，User-agent 信息可以被伪造，同时浏览器厂商日后也会更改 User-agent 信息，所以此种情况下根据功能判断浏览器类型会可靠得多。

延伸下此策略，比如我们会编写这样的代码：

if (ie) {
  // ie only
} else {
  // other browsers
}

这样因浏览器差异而编写的“硬代码”，往往会造成维护两套实际相同功能的代码，并造成逻辑上的混乱。何不先抛开浏览器兼容的问题，然后再判断相应的对象是否被浏览器支持。

OK，有关编程思想的问题就不继续了…

-- Split --

PS，目前判断是否是 IE8 可这样编写（来自 舜子）：

var isIE8 = !!window.XDomainRequest;