Detecte os navegadores Safari, Chrome, IE, Firefox e Opera com Duck-Typing

Determinar o navegador do usuário geralmente é necessário para redirecioná-lo para o link de download apropriado para extensões específicas do navegador. No entanto, confiar na string do agente do usuário para detecção do navegador não é confiável devido à sua suscetibilidade à falsificação.

Um método mais confiável, conhecido como digitação de pato, pode ser usado para identificar navegadores com base em suas características específicas. Aqui está um detalhamento:

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

Detecção de borda (baseada em cromo):

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

Motor de piscar detecção:

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

Depois de detectar o navegador usando esses métodos, você pode redirecionar os usuários para o apropriado link de download para a extensão específica do navegador.

No entanto, é crucial enfatizar que você só deve usar a detecção do navegador quando necessário, como exibir instruções de instalação específicas do navegador. Como prática recomendada geral, concentre-se na detecção de recursos sempre que possível.