Maison >interface Web >js tutoriel >Comment puis-je détecter l'utilisation d'Internet Explorer et du navigateur Edge en JavaScript ?

Comment puis-je détecter l'utilisation d'Internet Explorer et du navigateur Edge en JavaScript ?

DDD
DDDoriginal
2024-12-01 06:09:22997parcourir

How Can I Detect Internet Explorer and Edge Browser Usage in JavaScript?

Identification de l'utilisation d'Internet Explorer

Dans le but de contrôler l'exécution des fonctions spécifiquement dans Internet Explorer (IE), vous pouvez rencontrer une requête concernant la façon dont pour vérifier la compatibilité du navigateur de l'utilisateur avant de lancer la fonction. Cela devient particulièrement important lorsque vous ciblez des utilisateurs qui utilisent régulièrement IE8 ou des versions ultérieures.

Détermination de l'utilisation du navigateur

Bien qu'il puisse être souhaitable de déterminer le navigateur spécifique utilisé par un utilisateur, il n'est pas obligatoire. Une méthode simple pour vérifier l’utilisation d’IE consiste à vérifier la présence de window.document.documentMode. Si cette propriété existe, IE est utilisé.

Exemple de code utilisant window.document.documentMode :

if (window.document.documentMode) {
  // Do IE stuff
}

Chaîne d'agent utilisateur dans Edge

Edge, un navigateur contemporain, utilise Chromium comme moteur de rendu, ce qui entraîne des valeurs de chaîne d'agent utilisateur modifiées. La méthode détaillée ci-dessous détecte efficacement les variantes IE et Edge :

Fonction de détection d'IE/Edge (detectIEEdge) :

function detectIEEdge() {
    var ua = window.navigator.userAgent;

    var msie = ua.indexOf('MSIE ');
    if (msie > 0) {
        // IE 10 or older
        return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
    }

    var trident = ua.indexOf('Trident/');
    if (trident > 0) {
        // IE 11
        var rv = ua.indexOf('rv:');
        return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
    }

    var edge = ua.indexOf('Edge/');
    if (edge > 0) {
       // Edge
       return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10);
    }

    // Other browser
    return false;
}

Exemple d'utilisation :

alert('IEEdge ' + detectIEEdge());

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!

Déclaration:
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