Comment puis-je détecter la version du navigateur d'un utilisateur à l'aide de JavaScript ?

Détection de version du navigateur : dévoiler les mystères

Lors du développement de sites Web, déterminer la version du navigateur d'un utilisateur peut être crucial pour garantir la compatibilité et l'adaptation expériences utilisateur. Cependant, trouver du code pour détecter non seulement le type mais aussi la version d'un navigateur peut s'avérer difficile.

Dévoiler les secrets : jeter un coup d'œil dans la fenêtre du navigateur

Pour démêler ce mystère, nous avons plongé dans les profondeurs de JavaScript et trouvé une solution qui nous permet d'interroger le navigateur pour connaître sa version, dressant ainsi un tableau plus clair de son capacités.

Extrait de code : un aperçu de la fenêtre du navigateur

L'extrait de code suivant vous permet d'interroger le nom du navigateur, ainsi que sa version spécifique :

navigator.sayswho = (function() {
  var ua = navigator.userAgent;
  var tem;
  var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  if (/trident/i.test(M[1])) {
    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
    return 'IE ' + (tem[1] || '');
  }
  if (M[1] === 'Chrome') {
    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
    if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
  }
  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
  if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);
  return M.join(' ');
})();

console.log(navigator.sayswho); // outputs: `Chrome 62`

Mise en pratique : un monde réel Exemple

Dans cet exemple, la fonction navigator.sayswho est invoquée et renvoie une chaîne contenant le nom et la version du navigateur, vous permettant d'effectuer des actions spécifiques à la version. Par exemple, si vous souhaitez adapter le contenu aux utilisateurs de Firefox 3, vous pouvez utiliser ce code pour vérifier leur présence :

if (navigator.sayswho.includes('Firefox 3')) {
  // Display content specific to Firefox 3
}

Conclusion

En exploitant le puissance de JavaScript, vous pouvez découvrir le secret de la détection de la version d'un navigateur, vous permettant ainsi de créer des expériences qui s'adaptent parfaitement aux navigateurs des utilisateurs. Ainsi, la prochaine fois que vous aurez besoin de proposer du contenu adapté à des versions spécifiques du navigateur, n'oubliez pas ces techniques pour percer les mystères de la fenêtre du navigateur.

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!