Comment détecter de manière fiable les versions antérieures à la version 9 d'Internet Explorer en JavaScript ?-js tutoriel-php.cn

Comment détecter de manière fiable les versions antérieures à la version 9 d'Internet Explorer en JavaScript ?

Mary-Kate Olsen

Libérer： 2024-11-08 14:07:02

original

383 Les gens l'ont consulté

How to Reliably Detect Pre-v9 Internet Explorer Versions in JavaScript?

Détecter la version d'IE (antérieure à la v9) en JavaScript : une approche globale

Dans cet article, nous explorerons une approche alternative pour détection des navigateurs Internet Explorer (IE) antérieurs à la version 9 à l'aide de JavaScript. Bien que le code fourni dans le message d'origine puisse fonctionner, il présente certaines limites. Étudions une solution plus robuste.

Étape 1 : configuration des classes IE

Notre première étape consiste à implémenter les classes HTML appropriées basées sur les versions d'IE :

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!----> <html> <!----><![endif]-->
<head>
...

Copier après la connexion

Ces classes catégorisent différentes versions d'IE, nous permettant de les cibler en utilisant CSS ou JavaScript.

Étape 2 : Détection d'IE et application de JavaScript

En utilisant jQuery, nous pouvons créer une fonction JavaScript pour reconnaître les anciens navigateurs IE et appliquer les actions nécessaires :

(function ($) {
    "use strict";

    // Detecting IE
    var oldIE;
    if ($('html').is('.lt-ie7, .lt-ie8, .lt-ie9')) {
        oldIE = true;
    }

    if (oldIE) {
        // Here's your JS for IE..
    } else {
        // ..And here's the full-fat code for everyone else
    }

}(jQuery));

Copier après la connexion

Répondre aux préoccupations

Pour répondre à vos préoccupations :

Faux de chaîne de l'agent utilisateur : Même si les utilisateurs peuvent falsifier leur agent utilisateur, cette approche fournit toujours une indication fiable des versions du navigateur IE.
Reniflage de la prise en charge des fonctionnalités : Bien que le reniflage de la prise en charge des fonctionnalités soit généralement préféré, il serait inefficace dans ce cas où des fonctionnalités spécifiques sont déjà connues pour être pris en charge ou non par différentes versions de navigateur.
IE Versions 1 ou >= 20 : Notre code exclut intentionnellement ces versions de la détection "badBrowser", reconnaissant les risques potentiels.
Commentaires conditionnels : IE 10 et versions ultérieures ne prennent pas en charge les commentaires conditionnels, ce qui en fait un solution inefficace.

Conclusion

Cette approche basée sur JavaScript fournit un moyen flexible et précis de détecter les navigateurs IE antérieurs à la version 9. En utilisant des classes CSS et jQuery, nous pouvons mettre en œuvre de manière transparente des actions spécifiques basées sur les versions du navigateur, garantissant ainsi une expérience utilisateur plus cohérente.

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!