Detecta los navegadores Safari, Chrome, IE, Firefox y Opera con Duck-Typing

A menudo es necesario determinar el navegador del usuario para redirigirlo al enlace de descarga correspondiente para extensiones específicas del navegador. Sin embargo, confiar en la cadena del agente de usuario para la detección del navegador no es confiable debido a su susceptibilidad a la suplantación de identidad.

Se puede utilizar un método más confiable, conocido como duck-typing, para identificar los navegadores según sus características específicas. Aquí hay un desglose:

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);

Detección de bordes (basada en cromo):

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

Motor de parpadeo detección:

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

Una vez que haya detectado el navegador utilizando estos métodos, puede redirigir a los usuarios al navegador apropiado enlace de descarga para la extensión específica del navegador.

Sin embargo, es crucial enfatizar que solo debe utilizar la detección del navegador cuando sea necesario, como mostrar instrucciones de instalación específicas del navegador. Como práctica recomendada general, céntrese en la detección de funciones siempre que sea posible.