22 Stimmen

jQuery: Browser erkennen (Browserweiche)

Info von Progger99 | 28.05.2012 um 18:09

In jQuery ist es recht einfach zu erkennen, welcher Browser gerade die Seite aufruft. Damit lässt sich unkompliziert und schnell eine Browserweiche programmieren.

Hier einmal ein erstes Beispiel:

if ($.browser.mozilla) {
    alert('Mozilla Firefox');
}

if ($.browser.chrome) {
    alert('Chrome');
}

if ($.browser.opera) {
    alert('Opera');
}

if ($.browser.safari) {
    alert('Safari');
}

if ($.browser.msie) {
    alert('Microsoft Internet Explorer');
}

Auch die Version des Browsers lässt sich leicht feststellen:

if ($.browser.msie && $.browser.version <= 6) {
   alert('Sie benutzen den Internet Explorer 6 oder kleiner.');
} else {
   alert('Sie benutzen einen richtigen Browser.');
}

So lässt sich einfach feststellen, mit welchem Browser und welcher Version man es gerade zu tun hat und man kann zum Browser passenden Code ausgeben.

AntwortenPositivNegativDatumStimmen
00 Stimmen

Wurde in Jquery 1.9 entfernt. Gibts auch noch eine andere Möglichkeit?
Siehe -> http://api.jquery.com/jQuery.browser/
10.05.2013 um 15:13

AntwortenPositiv Negativ
33 Stimmen

Wenn man wirklich auf eine einfache Browser-Weiche angewiesen ist, ist sicherlich die einfachste Möglichkeit, das letzte jQuery zu benutzen, dass noch diese Funktion unterstützt:

http://code.jquery.com/jquery-1.8.3.min.js

Ansonsten besteht noch die Möglichkeit navigator.userAgent zu benutzen:

if (navigator.userAgent.match(/mozilla/i) {
   ...
}
if (navigator.userAgent.match(/webkit/i) {
   ...
}
if (navigator.userAgent.match(/ie/i) {
   ...
}
if (navigator.userAgent.match(/opera/i) {
   ...
}

Eine andere Möglichkeit besteht darin, das Plugin jQuery Migrate zu benutzen, das laut den Entwicklern für backwards-compatibility sorgt und die alten jQuery Funktionen auch in der neuen Version zur Verfügung stellt.
10.05.2013 um 23:12

Positiv Negativ
Antworten
Antworten

Über den Autor

AvatarDer Autor hat keine Kurzbeschreibung seines Profils angegeben.
Profil anzeigen

 

Ähnliche Themen

jQuery: CSS Stylesheet Switcher

Tutorial | 1 Kommentar

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.