-2

我正在制作一种浏览器检测库（我知道用户代理嗅探并不理想）。我在 quirksmode.org 上发现了一个非常有用的片段，看起来像这样：

var $browser = {
    init: function () {
        this.name = this.searchString(this.dataName) || "An unknown browser";

        this.version = this.searchVersion(navigator.userAgent)
            || this.searchVersion(navigator.appVersion)
            || "an unknown version";
    },

searchString: function (data) {

    for (var i=0;i<data.length;i++) {

        var dataString = data[i].string;

        var dataProp = data[i].prop;

        this.versionSearchString = data[i].versionSearch || data[i].identity;

        if (dataString) {
            if (dataString.indexOf(data[i].subString) != -1)
                return data[i].identity;
        }

        else if (dataProp) {
            return data[i].identity;
        }
    }
},

searchVersion: function (dataString) {
    var index = dataString.indexOf(this.versionSearchString);
    if (index == -1) return;
    return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},

dataName: [
    {
        string: navigator.userAgent,
        subString: "Chrome",
        identity: "Chrome"
    },
    {   string: navigator.userAgent,
        subString: "OmniWeb",
        versionSearch: "OmniWeb/",
        identity: "OmniWeb"
    },
    {
        string: navigator.vendor,
        subString: "Apple",
        identity: "Safari",
        versionSearch: "Version"
    },
    {
        prop: window.opera,
        identity: "Opera",
        versionSearch: "Version"
    },
    {
        string: navigator.vendor,
        subString: "iCab",
        identity: "iCab"
    },
    {
        string: navigator.vendor,
        subString: "KDE",
        identity: "Konqueror"
    },
    {
        string: navigator.userAgent,
        subString: "Firefox",
        identity: "Firefox"
    },
    {
        string: navigator.vendor,
        subString: "Camino",
        identity: "Camino"
    },
    {       // for newer Netscapes (6+)
        string: navigator.userAgent,
        subString: "Netscape",
        identity: "Netscape"
    },
    {
        string: navigator.userAgent,
        subString: "MSIE",
        identity: "Internet Explorer",
        versionSearch: "MSIE"
    },
    {       // for older Netscapes (4-)
        string: navigator.userAgent,
        subString: "Mozilla",
        identity: "Netscape",
        versionSearch: "Mozilla"
    }
]
};
$browser.init();

所以现在我可以做类似的事情

alert($browser.name + $browser.version);

但我也希望能够做到 $browser.author、$browser.prefix 和 $browser.engine。有谁知道我怎么能做到这一点？我知道我能做到

 if($browser.name == "Chrome"){ var engine = "WebKit" }

但我不想要“引擎”，我想要“$browser.engine”

编辑

好吧，伙计们，正如我之前所说，我知道用户代理嗅探并不理想。而且我的整个项目都不是以此为基础的。这只是一个更大的 JS 文件中的一个简短的小模块。这只是一个方便的 $browser 模块。我知道特征检测比 ua 嗅探要好得多，而且我使用modernizr 的方式比使用 jQuery 浏览器对象或 Dojo“有”更多。事实上，我从不使用这些。而且我知道stackoverflow通常不是辅导网站（好吧，不是辅导网站），但我有点希望找到一种快速的小方法来手动在每个对象中添加额外信息。我尝试了很多方法并不断出错或失败。

4

2 回答 2

0

jQuery Mapbrowser被有效地分组到引擎中，因为“safari”值已被弃用，而“webkit”值现在更受青睐。

但是无论如何你都应该使用 jQuery.support。

于 2012-09-30T20:10:04.697 回答
0

看看这些链接：

请记住，尽管您通常不应该使用此信息而不是特征检测（除非您必须 - 例如对于某些移动浏览器，您无法进行正确的特征检测，这可能不适用于这里，因为您正在这样做JavaScript 无论如何）。

对于正确的特征检测，请使用Modernizr和yepnope，并尽可能对未来友好。

于 2012-09-30T20:10:06.033 回答