In den meisten Fällen Entwickler nicht bekommen, den Browser eines Benutzers zu wählen. Um festzustellen, ob ein bestimmter Benutzer kann mit CSS3-Anwendung arbeiten, dann müssen Sie zunächst den Browser des Benutzers zu erkennen - und dann festzustellen, ob die Browser akzeptabel ist.

den Code erstellen erforderlich, um diese Aufgabe mit der Hand zu führen ist nicht unmöglich, aber es kann schwierig sein. Artikel wie am javascripter.net Ihnen sagen, wie diese Aufgabe zu erfüllen, aber ein Blick auf den Code sollte Ihnen sagen, dass es sich um eine komplexe Aufgabe ist. (Sie können die Ausgabe von diesem Beispielcode zu sehen Hier.)

jQuery ermöglicht es, die Erkennung mit relativer Leichtigkeit durchzuführen. Das folgende Beispiel zeigt eine Methode, um den Namen und die Version der Browser des Benutzers zu erkennen. Es stützt sich auf die neuesten 1.x Version von jQuery, die Version 1.10.1 zum Zeitpunkt des Schreibens dieses Artikels ist. (Können Sie finden komplette Code für dieses Beispiel in dem Kapitel 06 jQuery-Ordner von der herunterladbaren Code wie BrowserDetect.html.)

Browser-Informations
 

Dies ist ein HTML5-Seite, so dass es mit dem HTML-Deklaration beginnt, . Dieses Beispiel beginnt mit einer Grundstruktur, die umfasst , ,

Der Code beginnt mit dem ersten

Jeder, der die Anwendung verwendet wird automatisch Zugriff auf jQuery haben, solange der Browser auf das Internet zugreifen können. (Sie können auch eine Kopie von jQuery für den lokalen Zugriff aus dem jQuery-Website herunterladen.)

Die neueste 1.x Version von jQuery die Browser-Erkennung Funktion nicht direkt unterstützt. Um die Funktion der Arbeit mit etwas neuer als jQuery 1.8.3 zu machen, müssen Sie auch den Link für die jQuery Migrate Bibliothek wie in dem Beispiel gezeigt.

Das von der Seite beginnt mit einem aus

Tag, das die Seite der Überschrift enthält. Der nächste Schritt ist es, einen Ort für jQuery bieten den Browser-Namen zu setzen.

In diesem Fall verwendet das Beispiel einen

(Absatz) Tag, das eine ID von Namen hat. Der Erste

Es ist Zeit, den Namen dem Bildschirm angezeigt werden soll. Die $ (Dollarzeichen) ist ein spezielles Symbol, das auf die jQuery-Bibliothek verweist, die auch ein Application Programming Interface (API) aufgerufen wird. Die Bit-Code, der sagt: $ ( 'p [id = "name"]'). Html, erzählt jQuery zur Verwendung der

Tag mit einem id-Wert des Namens etwas HTML zu halten. Dies ist eine Art von Selektor.

Sie haben nun ein bestimmtes Tag ausgewählt. Der Code dann erzählt jQuery einen Text zu erstellen, ein , und dann den Namen des Browsers innerhalb dieser Spanne. All diese Informationen werden in der

Tag nach dem Skript ausführt.

Als nächstes kommt ein zweiter

-Tag. Dieser hat ein id-Attribut von Version. Die begleitende Skript startet das gleiche aus wie zuvor. Die $ ( 'p [id = "Version"]'). Html Eintrag erzählt jQuery einige HTML zu Platz in der

Tag mit einem id-Attribut-Version. In diesem Fall bietet jQuery, was Sie als Eigenschaft benötigen. Der gesamte Code zu tun hat jQuery wird sagen, der Wert in browser.version innerhalb der zu platzieren

Tag des Browsers Versionsnummer angezeigt werden soll. Wenn Sie dieses Beispiel ausführen, sehen Sie eine Ausgabe wie folgt aus:

Eine Bibliothek kann nur die Browser erkennen es ist entworfen, zu erkennen. Folglich erkennt jQuery einige Browser, andere aber nicht. Zum Beispiel können Sie derzeit nicht es verwenden, um ein Android-Browser zu erkennen, weil Android nicht in der Liste der Browser unterstützt von jQuery ist (die auf Desktop-Browsern fokussiert).

Die meisten Browser-Erkennung Methoden beruhen auf Strings User-Agent, die Informationen über den Browser enthalten. Um den User-Agent-String für Ihren Browser zu sehen, Was ist mein User-Agent?. Sie können in der Regel Listen der User-Agent-Strings für Geräte online zu finden.