Обнаружение браузеров Safari, Chrome, IE, Firefox и Opera с помощью утиного ввода

Определение браузера пользователя часто необходимо для его перенаправления перейдите по соответствующей ссылке для скачивания расширений для конкретного браузера. Однако полагаться на строку агента пользователя для обнаружения браузера ненадежно из-за ее подверженности подделке.

Более надежный метод, известный как утиный ввод, можно использовать для идентификации браузеров на основе их конкретных характеристик. Вот разбивка:

Opera 8.0 :

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

Firefox 1.0 :

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

Сафари 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);

Обнаружение Edge (на основе хрома):

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

Обнаружение механизма Blink:

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

Как только вы обнаружили браузер с помощью этих методов, вы можете перенаправить пользователей на соответствующую ссылку для загрузки расширения для их браузера.

Однако это Крайне важно подчеркнуть, что вам следует использовать обнаружение браузера только при необходимости, например, для отображения инструкций по установке для конкретного браузера. В качестве общей рекомендуемой практики по возможности сосредоточьтесь на обнаружении функций.