Comment puis-je détecter de manière fiable IE11 à partir d'IE10 à l'aide de CSS ou de 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 */
}

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!