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
Libérer: 2024-12-01 06:09:22
original
1006 Les gens l'ont consulté

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
}
Copier après la connexion

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;
}
Copier après la connexion

Exemple d'utilisation :

alert('IEEdge ' + detectIEEdge());
Copier après la connexion

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal