Maison > interface Web > js tutoriel > Comment puis-je détecter de manière fiable le navigateur et la version à l'aide de JavaScript ?

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

Barbara Streisand
Libérer: 2024-12-04 17:00:15
original
807 Les gens l'ont consulté

How Can I Reliably Detect Browser and Version Using 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`
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal