La meilleure façon de détecter les <= IE10

Ce qui est un up-to-date de moyen pour détecter c'est à dire?

  • commentaires conditionnels ne pas le faire IE9, IE10
  • modernizr la détection de fonctionnalité n'aide pas ici, parce que la raison est externe (IE bug dans un mapbox carte je veux intégrer)
  • jQuery + migrer plugin: si cela aide, quelles sont les étapes de base?

Ouais, je suis plutôt nouveau pour cette. Cheers!

Voulez-vous détecter sur le client ou le serveur?
N'a pas d'importance.
Je chercherais à des questions telles que: stackoverflow.com/questions/9900311/...
Pour corriger votre premier point, IE9 t faire des commentaires conditionnels. C'est seulement dans IE10 qu'il a cessé de les soutenir.
Généralement, dans la pratique, vous n'avez pas réellement envie de les détecter c'est à dire, au contraire, vous voulez détecter IEs manque d'une certaine fonction. Il est généralement un nettoyeur de route pour la vérification de cette fonctionnalité au lieu du navigateur, car il déclenche également pour les autres navigateurs qui manque de la fonctionnalité. Au cœur de la question est alors pourquoi êtes-vous de vérifier pour IE?

OriginalL'auteur David Diem | 2013-06-12

  1. 18

    Utiliser les commentaires conditionnels pour IE6-9 et un peu de fonction personnalisée pour IE10. Par exemple:
    HTML:

    <!--[if lt IE 7 ]> <html class="ie6 ie"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7 ie"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8 ie"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9 ie"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class=""> <!--<![endif]-->

    JS:

    if ($('html').hasClass('ie') || (Function('/*@cc_on return document.documentMode===10@*/')())){
    isIE = true;
}else{
    isIE = false;
}

    ou vous pouvez simplement utiliser:

    if (Function('/*@cc_on return document.documentMode===10@*/')()){
    document.documentElement.className+=' ie';
}
//Then..
if($('html').hasClass('ie')){...} //to check for IE10 and below.

    D'autres réponses se concentrent spécifiquement sur la détection IE10, mais j'ai pensé qu'il serait utile de compléter le code de détection en un seul endroit.

    N'est-ce pas juste de test pour une classe sur l'élément html?
    oui, directement le code ci-dessus, il ajoute le ie classe à la html élément si IE10 est détecté. Vous pouvez tout aussi facilement définir une variable comme je l'ai fait dans mon premier exemple.
    Sur cette note, ne pouvez-vous pas simplement utiliser un conditionnel à la cible c'est à dire? <!--[if IE]> <html class="ie"> <![endif]-->, ou ne IE10 pas en charge le général de l'IE conditionnel?
    non, IE10 ne supporte pas les commentaires conditionnels, donc vous devez utiliser une solution de rechange.
    Le JS-si/d'autre n'a pas de sortie de quelque chose, savez-vous quel est le problème ici? (les commentaires html sont remplacés par code, pas de soucis) <script type="text/javascript"> if($('html').hasClass ("ie")) {document.write(" <!-- Google Maps-Incorporer --> "); } else { document.write(" <!-- Mapbox-Incorporer --> "); } </script>

    OriginalL'auteur Joe

  2. 3
        <!-- IE10 -->
    <script>
    if(navigator.userAgent.match(/MSIE 10/)){

        var headID = document.getElementsByTagName("head")[0];   
        var newLink = document.createElement('link');

        newLink.rel = 'stylesheet';
        newLink.type = 'text/css';
        newLink.href = 'css/ie10.css';

        headID.appendChild(newLink);
    } else {
       /* do something for other versions */
    }
    </script>

    OriginalL'auteur gs-rp