Beste Weg, um zu erkennen, <= IE10

Was ist ein up-to-date Weg für die Erkennung von IE?

  • bedingte Kommentare nicht IE9, IE10
  • modernizr-feature-Erkennung hilft hier nicht, denn der Grund ist, externe (IE-bug in eine mapbox Karte möchte ich einbetten)
  • jQuery + Migration-plugin: wenn das hilft, was sind die grundlegenden Schritte?

Yeah, ich bin ziemlich neu in diesem. Prost!

  • Sie wollen erkennen, auf dem client oder server?
  • Egal.
  • Ich würde Blick auf bestehende Fragen wie: stackoverflow.com/questions/9900311/...
  • Korrigieren Sie Ihre erste Anlaufstelle, IE9 macht conditional comments. Es ist nur in IE10 dass es aufhörte, Sie zu unterstützen.
  • In der Regel in der Praxis, die Sie nicht wirklich wollen, zu erkennen, DH, statt Sie ermitteln möchten IEs fehlen einer bestimmten Funktion. Es ist in der Regel ein sauberer Weg zu überprüfen, dass die Funktion und nicht der browser, da er auch Feuer für andere Browser, die nicht über diese Funktion. Die zentrale Frage ist dann, warum sind Sie auf die Prüfung für den IE?
  • Ich weiß nicht, warum mapbox pins werden nicht angezeigt im IE. Sie sagen, Sie sind sich bewusst, den bug.

InformationsquelleAutor David Diem | 2013-06-12
  1. 18

    Verwenden conditional comments für IE6-9 und eine kleine benutzerdefinierte Funktion für IE10. Zum Beispiel:
    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;
}

    oder können Sie einfach:

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

    Anderen Antworten konzentrieren sich auf speziell die Erkennung von IE10 aber ich dachte, es wäre hilfreich, um zu zeigen, Erkennung code in einem Ort.

    • Nicht nur test für eine Klasse auf dem html-element?
    • ja, den code direkt darüber fügt die ie Klasse der html element, wenn IE10 erkannt wird. Könnten Sie einfach eine variable definieren, wie ich in meinem ersten Beispiel.
    • In diesem Sinne kann nicht nur ein bedingtes Ziel IE? <!--[if IE]> <html class="ie"> <![endif]-->, oder hat der IE10 nicht die Unterstützung der Allgemeinen IE bedingte oder?
    • Nein, IE10 nicht unterstützt conditional comments so haben Sie eine alternative.
    • Den JS-if/else keine Ausgabe erhalten haben, wissen Sie, was ist hier falsch? (html-Kommentare werden ersetzt durch tatsächlichen code, keine Sorge) <script type="text/javascript"> if($('html').hasClass('ie')){ document.write(" <!-- Google Maps-Embed --> "); } else { document.write(" <!-- Mapbox-Einbetten --> "); } </script>
    • Ich hab es jetzt. Vielen Dank für die Antworten!
    • Wenn ich sagen wollte IE 10 oder weniger konnte ich nur ändern document.documentMode===10 zu document.documentMode<=10? Ich verstehe, könnte ich die Bedingungen für unter 10, aber in meinem Fall wird das script (polyfill) ich bin mit Anforderungen Feuer für etwas 10 und unter so könnte ich genauso gut tun Sie es gerne, wenn ich kann.

    InformationsquelleAutor 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>
    InformationsquelleAutor gs-rp
Schreibe einen Kommentar