Comment puis-je identifier le navigateur et la version d'un utilisateur à l'aide de JavaScript ?

Identification des détails du navigateur avec JavaScript

La détermination du navigateur et de la version exacts à l'aide de JavaScript peut être réalisée à l'aide de l'objet navigateur. Cet objet fournit des informations sur l'environnement de navigation de l'utilisateur.

Solution :

Pour détecter le navigateur et sa version, vous pouvez utiliser l'extrait de code suivant :

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);

Explication :

• Le code extrait le chaîne de l'agent utilisateur de l'objet navigateur.
• Il utilise des expressions régulières pour faire correspondre le nom et la version du navigateur.
• Pour Internet Explorer, il recherche "trident" et extrait le numéro de version du " rv".
• Pour Chrome, il recherche des modèles spécifiques pour distinguer les navigateurs Chrome, Opera et Edge.
• Le code construit ensuite un chaîne lisible par l'homme représentant le navigateur et la version.
• En appelant console.log(navigator.saysWho), vous pouvez afficher les détails du navigateur identifiés dans la console.

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!