Browser mit JavaScript erkennen

Wenn wir eine Webanwendung entwickeln, kann es sein, dass wir den Browser erkennen müssen, den der Benutzer verwendet, um einige von uns implementierte Funktionen zu validieren, die damit nicht funktionieren oder einfach weil wir je nach Bedarf zusätzliche Funktionen aktivieren möchten den einen oder anderen Browser.

Das Beste für diese Fälle ist zu verwenden JavaScript und ersparen uns Kopfschmerzen, um den Browser zu erkennen, mal sehen, wie wir es machen.

Browser erkennen

Erstellen wir zuerst a HTML einfach unsere einbinden JavaScript und überprüfen Sie unsere Validierungen, enthält es den folgenden Inhalt:

 Den Browser des Benutzers erkennen 

Schon mit unserem Code HTML wir können mit der Erstellung unseres Codes beginnen JavaScript die in die Skript-Tags gehen wird. Lassen Sie uns zuerst einen der am häufigsten verwendeten Browser erkennen, Google Chrome, dafür verwenden wir das Objekt Navigator die alles enthält, was wir brauchen:

 var es_chrome = navigator.userAgent.toLowerCase ().indexOf ('chrome')> -1; if (es_chrome) {alert ("Der verwendete Browser ist Chrome"); }

Beim Ausführen unseres Beispiels in einem anderen Browser als Google Chrome Wir werden die Nachricht nicht erhalten, aber bei der Ausführung im genannten Browser erhalten wir die folgende Nachricht:

Wir wissen bereits, wie man erkennt Google Chrome, mal sehen wie es geht Feuerfuchs:

 var es_firefox = navigator.userAgent.toLowerCase ().indexOf ('firefox')> -1; if (es_firefox) {alert ("Der verwendete Browser ist Firefox"); }

Wie wir sehen, ist der Code ziemlich ähnlich, da wir das Objekt auf die gleiche Weise verwenden können Navigator und wenn wir mit -1 feststellen, dass wir alle Versionen davon erkennen, sehen wir uns die Antwort desselben bei der Ausführung an Feuerfuchs:

Wir können auch den Browser erkennen Oper, Es ist bei Benutzern nicht weit verbreitet, aber es lohnt sich zu wissen, wie man es gleichermaßen macht:

 var is_opera = navigator.userAgent.toLowerCase ().indexOf ('opera'); if (es_opera) {alert ("Der verwendete Browser ist Opera"); }

Schließlich ist es wichtig zu erkennen Internet Explorer Da es sich um einen der Browser handelt, der bei der Webentwicklung mehr Probleme auf der Ebene von Stilen, Ereignissen und Effekten verursacht, sehen wir uns an, wie man ihn erkennt:

 var es_ie = navigator.userAgent.indexOf ("MSIE")> -1; if (es_ie) {alert ("Der verwendete Browser ist Internet Explorer"); }

Wir führen es im Browser aus und erhalten die folgende Antwort, um unsere Funktionalität zu überprüfen:

Damit beenden wir dieses Tutorial und fügen Codeabschnitte hinzu, die uns helfen, den Browser des Benutzers zu erkennen, was sehr nützlich ist, wenn wir seine Umgebung validieren müssen, sei es, um Engine-Probleme zu lösen oder spezielle Funktionen dafür zu aktivieren.

Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben