Wenn wir eine Webanwendung entwickeln, müssen wir möglicherweise den Browser erkennen, der den Benutzer zur Überprüfung der von uns implementierten Funktionen verwendet, und dies funktioniert nicht, oder einfach, weil wir zusätzliche Funktionen in Abhängigkeit von einem Browser oder einem anderen aktivieren möchten.
In diesen Fällen ist es am besten, JavaScript zu verwenden und uns Kopfschmerzen zu ersparen, um den Browser zu erkennen. Lassen Sie uns sehen, wie wir das machen.
Browser erkennen
Zuerst erstellen wir einen einfachen HTML-Code , um unser JavaScript einzuschließen und unsere Überprüfungen zu überprüfen. Er enthält den folgenden Inhalt:
<! DOCTYPE html> <html lang = "en"> <head> <script type = "text / javascript"> </ script> <meta charset = "UTF-8"> <title> Ermitteln des Navagedors des Benutzers </ title> </ head> <body> </ body> </ html>
Jetzt können wir mit unserem HTML- Code beginnen, unseren JavaScript- Code zu erstellen, der in den Skript-Tags enthalten ist. Zuerst ermitteln wir einen der am häufigsten verwendeten Browser, Google Chrome , für den wir das Navigator- Objekt verwenden, das alles enthält, was wir brauchen:
var es_chrome = navigator.userAgent.toLowerCase (). indexOf ('chrome')> -1; if (es_chrome) { alert ("Der verwendete Browser ist Chrome"); }
Wenn wir unser Beispiel in einem anderen Browser als Google Chrome ausführen, erhalten wir die Meldung nicht. Wenn wir es jedoch in dem genannten Browser ausführen, erhalten wir die folgende Meldung:
Wir wissen bereits, wie Google Chrome erkannt wird. Sehen wir uns an, wie es für Firefox funktioniert:
var es_firefox = navigator.userAgent.toLowerCase (). indexOf ('firefox')> -1; if (es_firefox) { alert ("Der verwendete Browser ist Firefox"); }
Wie wir sehen können, ist der Code ziemlich ähnlich, da wir das Navigator- Objekt auf die gleiche Art und Weise verwenden können. Wenn wir feststellen, dass mit -1 alle Versionen davon erkannt werden, sehen wir uns die Antwort davon an, wenn wir es in Firefox ausführen:
Wir können auch den Opera- Browser erkennen, der von den Benutzern nicht häufig verwendet wird, aber es lohnt sich zu wissen, wie man es gleichermaßen macht:
var es_opera = navigator.userAgent.toLowerCase (). indexOf ('opera'); if (es_opera) { alert ("Der verwendete Browser ist Opera"); }
Schließlich ist es wichtig, Internet Explorer zu erkennen, da es sich um einen der Browser handelt, der mehr Probleme bei der Webentwicklung verursacht. Sehen wir uns an, wie dies auf der Ebene der Stile, Ereignisse und Effekte erkannt wird:
var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) { alert ("Der verwendete Browser ist Internet Explorer"); }
Wir führen es im Navigator aus und erhalten die folgende Antwort, um unsere Funktionalität zu überprüfen:
Wir beenden dieses Tutorial, indem wir eine Menge Code hinzufügen, der uns hilft, den Browser des Benutzers zu erkennen. Dies ist sehr nützlich für Situationen, in denen wir die Umgebung validieren müssen, um Probleme mit der Engine zu lösen oder um spezielle Funktionen dafür zu aktivieren.