-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 スニッフィングよりもはるかに優れていることを知っています。また、jQuery ブラウザー オブジェクト、または Dojo が「持っている」よりも modernizr を使用しています。実際、私はそれらを決して使用しません。そして、stackoverflow は通常、個人指導の Web サイトではないことを知っています (むしろ、個人指導の Web サイトではありません)。私は多くの方法を試しましたが、エラーが発生したり失敗したりしました。

4

2 に答える 2

0

browser「safari」値が非推奨になり、「webkit」値が優先されるようになったため、jQueryマップは効果的にエンジンにグループ化されます。

ただし、とにかくjQuery.supportを使用する必要があります。

于 2012-09-30T20:10:04.697 に答える
0

これらのリンクを見てください：

ただし、通常、機能検出の代わりにこの情報を使用するべきではないことに注意してください（ただし、適切な機能検出を実行できない一部のモバイルブラウザの場合を除きます。これは、とにかくJavaScript）。

適切な機能検出のために、 Modernizrとyepnopeを使用し、可能な限り将来的に友好的になります。

于 2012-09-30T20:10:06.033 に答える