Browser und Version in der Prototypbibliothek?

Question

Ich bin es gewohnt, Atlas zu verwenden. Vor kurzem habe ich angefangen, zu jQuery und manchmal Prototyp zu übergehen. Das Projekt, an dem ich gerade arbeite, verwendet einen Prototyp.

In Prototype gibt es eine einfache Möglichkeit, den Browser-Namen und die Version zu erhalten? Ich habe mir die API-Dokumentation angesehen und kann sie nicht finden.

Answer 1

Sie haben recht - Prototyp bietet kein Dienstprogramm zur Ermittlung des Browsernamens oder der Browserversion.

Wenn Sie speziell benötigen Sie den Browser Info als Plugin zu bekommen, würde ich vorschlagen, das Hinzufügen von folgenden (aus direkt jQuery genommen):

var Browser = Class.create({ 
    initialize: function() { 
    var userAgent = navigator.userAgent.toLowerCase(); 
    this.version = (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1]; 
    this.webkit = /webkit/.test(userAgent); 
    this.opera = /opera/.test(userAgent); 
    this.msie = /msie/.test(userAgent) && !/opera/.test(userAgent); 
    this.mozilla = /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent); 
    } 
}); 

Answer 2

Prototyp bietet einige Fahnen können Sie überprüfen, um eine Vorstellung zu bekommen welcher Browser gerade läuft. Denken Sie daran, dass es viel besser ist, nach der Funktionalität zu suchen, die Sie verwenden möchten, als nach einem bestimmten Browser zu suchen.

Hier ist der browser- und feature-Erfassungsabschnitt von prototype.js derzeit im Quellbaum:

var Prototype = { 
    Browser: { 
    IE:  !!(window.attachEvent && 
     navigator.userAgent.indexOf('Opera') === -1), 
    Opera: navigator.userAgent.indexOf('Opera') > -1, 
    WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, 
    Gecko: navigator.userAgent.indexOf('Gecko') > -1 && 
     navigator.userAgent.indexOf('KHTML') === -1, 
    MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) 
    }, 

    BrowserFeatures: { 
    XPath: !!document.evaluate, 
    SelectorsAPI: !!document.querySelector, 
    ElementExtensions: !!window.HTMLElement, 
    SpecificElementExtensions: 
     document.createElement('div')['__proto__'] && 
     document.createElement('div')['__proto__'] !== 
     document.createElement('form')['__proto__'] 
    }, 
} 

Sie könnten also prüfen, ob der aktuelle Browser IE ist, den Wert von Prototype.Browser.IE durch die Untersuchung oder alternativ sein zukunftssicherer und prüfen Sie auf eine bestimmte Funktion wie XPath mit Prototype.BrowserFeatures.XPath.

Answer 3

Als Ergänzung zu nertzy Antwort haben Sie die Möglichkeit zur Erkennung IE-Versionen hinzufügen, können dies mit:

Prototype.Browser.IE6 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6; 
Prototype.Browser.IE7 = Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 7; 
Prototype.Browser.IE8 = Prototype.Browser.IE && !Prototype.Browser.IE6 && !Prototype.Browser.IE7; 

Auf der anderen Seite auch Sie müssen User-Agent-Details auf der Serverseite erkennen. Anyways Browser-Erkennung ist eine ernsthaft fehlerhafte Strategie zum Schreiben von Cross-Browser-Skripten, die nur verwendet werden soll, wenn die Erkennung von Browser-Funktionen fehlschlägt. Es ist ziemlich einfach für einen Benutzer, seine Benutzeragenten-Details zu ändern.

Answer 4

Ich habe prototype.js erweitert nach:

var Prototype = { ... }; 

mit diesem:

// extension 
if (Prototype.Browser.IE) { 
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { 
     Prototype.BrowserFeatures['Version'] = new Number(RegExp.$1); 
    } 
} 

funktioniert gut für mich, Berufung ist wie:

if (Prototype.Browser.IE && Prototype.BrowserFeatures['Version'] == 8) { ... } 

Answer 5

ich so die Kontrolle über und oberhalb der Browserdefinitionen von Prototype.

Object.extend(Prototype.Browser, { 
    ie6: (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) ? (Number(RegExp.$1) == 6 ? true : false) : false, 
    ie7: (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) ? (Number(RegExp.$1) == 7 ? true : false) : false, 
    ie8: (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) ? (Number(RegExp.$1) == 8 ? true : false) : false, 
    ie9: (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) ? (Number(RegExp.$1) == 9 ? true : false) : false 
}); 

Hoffe es hilft!

Answer 6

  <script type="text/JavaScript"> 

       function getBrowserVersion() 
       { 
        var msg = "Not Recognised Browser"; 

        if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) 
        { 
         var ffversion = new Number(RegExp.$1) 

         for (var i = 1; i < 20; i++) 
         { 
          if (ffversion == i) 
          { 
           msg = "FF" + i + "x"; 
           break; 
          } 
         } 
        } 
        else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) 
        { 
         var ieversion = new Number(RegExp.$1) 

         for (var i = 1; i < 20; i++) 
         { 
          if (ieversion == i) 
          { 
           msg = "IE" + i + "x"; 
           break; 
          } 
         } 
        } 

        alert(msg); // return msg; 
       } 

      </script>