Maison > interface Web > tutoriel CSS > Comment puis-je détecter de manière fiable IE11 à partir d'IE10 à l'aide de CSS ou de JavaScript ?

Comment puis-je détecter de manière fiable IE11 à partir d'IE10 à l'aide de CSS ou de JavaScript ?

Patricia Arquette
Libérer: 2024-12-30 11:45:10
original
614 Les gens l'ont consulté

How Can I Reliably Detect IE11 from IE10 Using CSS or JavaScript?

Détection d'IE10 et IE11 à l'aide de la détection des capacités/fonctionnalités CSS

Le défi

IE11 le fait ne prend pas en charge les balises de détection du navigateur utilisées dans IE10. Pour différencier les deux navigateurs, une capacité CSS ou une détection de fonctionnalités est nécessaire.

Styles de compatibilité IE10

La plupart des styles IE10 sont également pris en charge par IE11. Par conséquent, l'utilisation de techniques de détection basées sur les capacités qui ont fonctionné pour IE10 ne fera probablement pas la distinction entre IE10 et IE11.

Styles et capacités uniques d'IE11

Voici quelques styles et fonctionnalités uniques capacités qui peuvent être utilisées pour détecter IE11 spécifiquement :

  • _:-ms-fullscreen : Un hack pour déclencher un mode plein écran qui ne fonctionne que dans IE11 et supérieur.
  • :root .ie11up : Un style qui cible les : élément racine uniquement dans IE11 et supérieur.

Exemple CSS :

_:-ms-fullscreen,
:root .ie11up {
  /* Styles specific to IE11 */
}
Copier après la connexion

Alternatives JavaScript

Si la détection CSS n'est pas réalisable, envisagez d'utiliser des alternatives JavaScript, telles que :

  • Modernizr : une bibliothèque populaire qui détecte les fonctionnalités du navigateur à la page chargement.
  • Sélection de l'agent utilisateur : Utilisation de JavaScript pour analyser la chaîne de l'agent utilisateur pour obtenir des informations spécifiques sur le navigateur.

Considérations supplémentaires

  • La détection des agents utilisateurs n'est pas fiable en raison du risque d'usurpation d'identité ou de masquage intentionnel du navigateur. identité.
  • Utilisez la détection basée sur les capacités principalement pour les fonctionnalités non critiques et considérez l'amélioration progressive et la dégradation gracieuse comme la solution idéale.

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 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