Comment puis-je détecter de manière fiable les navigateurs d'utilisateurs sans utiliser de chaînes d'agent utilisateur ?

Détection des navigateurs utilisateur sans chaînes d'agent utilisateur

Reconnaître les types de navigateurs

Lors du développement d'extensions pour plusieurs navigateurs, il est crucial de identifier avec précision le navigateur de l'utilisateur pour le rediriger vers la page de téléchargement correspondante. Cependant, s'appuyer sur la chaîne de l'agent utilisateur pour la détection du navigateur n'est pas fiable en raison de sa vulnérabilité à l'usurpation d'identité.

Duck-Typing pour une détection précise du navigateur

Pour résoudre ce problème, un une approche de typage par canard est utilisée. La saisie canard se concentre sur le comportement et les propriétés du navigateur, plutôt que de s'appuyer sur une signature ou une chaîne d'identification spécifique. Cette méthode est plus robuste et moins sensible à l'usurpation d'identité.

Démo et implémentation

Dans le code JavaScript fourni, diverses vérifications sont effectuées pour identifier les navigateurs courants, dont Firefox , Chrome, Safari, Opera, IE, Edge et Edge Chromium. Chaque vérification examine les caractéristiques uniques du navigateur, garantissant une détection précise.

Détection des fonctionnalités par rapport à la détection du navigateur

Bien que la détection du navigateur soit parfois nécessaire, il est généralement recommandé de donner la priorité à la détection des fonctionnalités lorsque possible. La détection des fonctionnalités implique de vérifier la présence ou l'absence de fonctionnalités spécifiques du navigateur, garantissant ainsi une meilleure robustesse et compatibilité avec les futures versions du navigateur.

Exemple de code

L'extrait de code suivant fournit l'extrait de code suivant. méthode de détection du navigateur basée sur la saisie au canard :

// Duck-typing browser detection

var isFirefox = typeof InstallTrigger !== 'undefined';
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
var isIE = /*@cc_on!@*/false || !!document.documentMode;
var isEdge = !isIE && !!window.StyleMedia;
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);
var isBlink = (isChrome || isOpera) && !!window.CSS;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!