Comment puis-je détecter de manière fiable le navigateur et la version à l'aide de JavaScript ?

Détection du navigateur en JavaScript revisitée

Déterminer le navigateur et la version exacts à l'aide de JavaScript peut être un outil précieux pour des expériences Web personnalisées. Voici comment y parvenir :

API Navigator :

La propriété Navigator dans JavaScript permet d'accéder aux informations du navigateur. Sa propriété userAgent contient une chaîne qui identifie le navigateur et sa version.

Utilisation d'expressions Regex :

Pour extraire le nom et la version du navigateur de la chaîne userAgent, vous pouvez utiliser des expressions régulières. L'exemple de code suivant utilise une expression régulière complète pour détecter les différents navigateurs et leurs versions :

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

  // Handle special cases
  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)');
    }
  }

  // Construct the browser information string
  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); // outputs: `Chrome 89`

Ce script compare la chaîne de l'agent utilisateur à divers modèles de navigateur et renvoie le navigateur et la version extraits sous forme de chaîne.

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!