Erkennen Sie Safari-, Chrome-, IE-, Firefox- und Opera-Browser mit Duck-Typing

Die Bestimmung des Browsers des Benutzers ist häufig für die Weiterleitung erforderlich zum entsprechenden Download-Link für browserspezifische Erweiterungen. Allerdings ist es aufgrund der Anfälligkeit für Spoofing unzuverlässig, sich bei der Browsererkennung auf die Zeichenfolge des Benutzeragenten zu verlassen.

Eine zuverlässigere Methode, bekannt als Duck-Typing, kann verwendet werden, um Browser anhand ihrer spezifischen Eigenschaften zu identifizieren. Hier ist eine Aufschlüsselung:

Opera 8.0 :

var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

Firefox 1.0 :

var isFirefox = typeof InstallTrigger !== 'undefined';

Safari 3.0 :

var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));

Internet Explorer 6-11:

var isIE = /*@cc_on!@*/false || !!document.documentMode;

Edge 20 :

var isEdge = !isIE && !!window.StyleMedia;

Chrome 1 - 79:

var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

Kantenerkennung (basierend auf Chrom):

var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

Blink-Engine-Erkennung:

var isBlink = (isChrome || isOpera) && !!window.CSS;

Sobald Sie Wenn Sie den Browser mithilfe dieser Methoden erkannt haben, können Sie Benutzer zum entsprechenden Download-Link für ihre browserspezifische Erweiterung weiterleiten.

Allerdings ist es so Es ist wichtig zu betonen, dass Sie die Browsererkennung nur dann verwenden sollten, wenn dies erforderlich ist, z. B. um browserspezifische Installationsanweisungen anzuzeigen. Konzentrieren Sie sich als allgemeine Best Practice nach Möglichkeit auf die Funktionserkennung.