Wie erkenne ich IE11?

Wenn ich IE erkennen möchte, verwende ich diesen Code:

function getInternetExplorerVersion()
{
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}
function checkVersion()
{
  var msg = "You're not using Internet Explorer.";
  var ver = getInternetExplorerVersion();

  if ( ver > -1 )
  {
    msg = "You are using IE " + ver;
  }
  alert( msg );
}

IE11 gibt jedoch "Sie verwenden den Internet Explorer nicht" zurück. Wie kann ich es erkennen?

IE11 meldet nicht mehr, da MSIEgemäß dieser Liste von Änderungen beabsichtigt ist, eine Fehlerkennung zu vermeiden.

Was Sie tun können, wenn Sie wirklich wissen möchten, dass es sich um einen IE handelt, ist, die Trident/Zeichenfolge im Benutzeragenten zu erkennen , wenn sie navigator.appNamezurückgegeben wird Netscape, etwa (die nicht getestete);

function getInternetExplorerVersion()
{
  var rv = -1;
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re = new RegExp("MSIE ([0-9]{1,}[\\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  else if (navigator.appName == 'Netscape')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("Trident/.*rv:([0-9]{1,}[\\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}

console.log('IE version:', getInternetExplorerVersion());

Beachten Sie, dass sich IE11 (afaik) noch in der Vorschau befindet und sich der Benutzeragent möglicherweise vor der Veröffentlichung ändert.

Verwenden Sie !(window.ActiveXObject) && "ActiveXObject" in windowdiese Option, um IE11 explizit zu erkennen.

Verwenden Sie "ActiveXObject" in windowstattdessen eine IE-Version (Pre-Edge, "Trident") .

Verwendung MSInputMethodContextals Teil einer Funktionserkennungsprüfung. Beispielsweise:

//Appends true for IE11, false otherwise
window.location.hash = !!window.MSInputMethodContext && !!document.documentMode;

Verweise

• MSInputMethodContext-Objekt
• Eingabemethoden-Editor-API
• Was ich in IE12 sehen möchte: Internet Explorer 12 Wunschliste mit Fehlerkorrekturen und neuen Funktionen
• TypeScript / lib.dom.d.ts am Master · Microsoft / TypeScript IE DOM-APIs

Ich habe deine Antworten gelesen und eine Mischung gemacht. Es scheint mit Windows XP (IE7 / IE8) und Windows 7 (IE9 / IE10 / IE11) zu funktionieren.

function ie_ver(){  
    var iev=0;
    var ieold = (/MSIE (\d+\.\d+);/.test(navigator.userAgent));
    var trident = !!navigator.userAgent.match(/Trident\/7.0/);
    var rv=navigator.userAgent.indexOf("rv:11.0");

    if (ieold) iev=new Number(RegExp.$1);
    if (navigator.appVersion.indexOf("MSIE 10") != -1) iev=10;
    if (trident&&rv!=-1) iev=11;

    return iev;         
}

Wenn ich 0 zurückgebe, bedeutet das natürlich keinen IE.

Holen Sie sich die IE-Version vom User-Agent

var ie = 0;
try { ie = navigator.userAgent.match( /(MSIE |Trident.*rv[ :])([0-9]+)/ )[ 2 ]; }
catch(e){}

So funktioniert es: Die User-Agent-Zeichenfolge für alle IE-Versionen enthält einen Teil "MSIE Space- Version " oder "Trident Other -Text- RV- Space-or-Colon- Version ". In diesem Wissen greifen wir auf die Versionsnummer eines String.match()regulären Ausdrucks zurück. Ein try-catchBlock wird verwendet, um den Code zu verkürzen, andernfalls müssten wir die Array-Grenzen für Nicht-IE-Browser testen.

Hinweis: Der Benutzeragent kann gefälscht oder weggelassen werden, manchmal unbeabsichtigt, wenn der Benutzer seinen Browser auf einen "Kompatibilitätsmodus" eingestellt hat. Dies scheint jedoch in der Praxis kein großes Problem zu sein.

Holen Sie sich die IE-Version ohne den User-Agent

var d = document, w = window;
var ie = ( !!w.MSInputMethodContext ? 11 : !d.all ? 99 : w.atob ? 10 : 
d.addEventListener ? 9 : d.querySelector ? 8 : w.XMLHttpRequest ? 7 : 
d.compatMode ? 6 : w.attachEvent ? 5 : 1 );

So funktioniert es: Jede IE-Version bietet Unterstützung für zusätzliche Funktionen , die in früheren Versionen nicht vorhanden waren. So können wir die Funktionen von oben nach unten testen. Der Kürze halber wird hier jedoch eine ternäre Sequenz verwendet, if-thenund switchAnweisungen würden genauso gut funktionieren. Die Variable iewird auf eine Ganzzahl 5-11 oder 1 für ältere oder 99 für neuere / Nicht-IE gesetzt. Sie können es auf 0 setzen, wenn Sie nur genau auf IE 1-11 testen möchten.

Hinweis: Die Objekterkennung kann unterbrochen werden, wenn Ihr Code auf einer Seite mit Skripten von Drittanbietern ausgeführt wird, die Polyfills für Dinge wie hinzufügen document.addEventListener. In solchen Situationen ist der Benutzeragent die beste Option.

Ermitteln Sie, ob der Browser modern ist

Wenn Sie nur daran interessiert sind, ob ein Browser die meisten HTML 5- und CSS 3-Standards unterstützt oder nicht, können Sie davon ausgehen, dass IE 8 und niedriger die Hauptproblem-Apps bleiben. Wenn Sie auf window.getComputedStyletesten, erhalten Sie auch eine ziemlich gute Mischung aus modernen Browsern (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9 verbessert die Standardunterstützung erheblich, für native CSS-Animationen ist jedoch IE 10 erforderlich.

var isModernBrowser = ( !document.all || ( document.all && document.addEventListener ) ); 

Angular JS macht das so.

msie = parseInt((/msie (\d+)/.exec(navigator.userAgent.toLowerCase()) || [])[1]);
if (isNaN(msie)) {
  msie = parseInt((/trident\/.*; rv:(\d+)/.exec(navigator.userAgent.toLowerCase()) || [])[1]);
}

msie wird eine positive Zahl sein, wenn sein IE und NaN für andere Browser wie Chrome, Firefox.

Warum ?

Ab Internet Explorer 11 hat sich die Zeichenfolge des Benutzeragenten erheblich geändert.

Verweisen Sie darauf:

msdn # 1 msdn # 2

Lösung:

function GetIEVersion() {
  var sAgent = window.navigator.userAgent;
  var Idx = sAgent.indexOf("MSIE");
  // If IE, return version number.
  if (Idx > 0)
    return parseInt(sAgent.substring(Idx+ 5, sAgent.indexOf(".", Idx)));

  // If IE 11 then look for Updated user agent string.
  else if (!!navigator.userAgent.match(/Trident\/7\./))
    return 11;

  else
    return 0; //It is not IE

}
if ((GetIEVersion() > 0) || (navigator.userAgent.toLowerCase().indexOf('firefox') > -1)){
  alert("This is IE " + GetIEVersion());
}else {
  alert("This no is IE ");
}		

Ich benutze eine einfachere Methode:

Das globale Navigatorobjekt verfügt über Eigenschaftsberührungspunkte. In Internet Exlorer 11 heißt es msMaxTouchPoints tho.

Also, wenn Sie suchen nach:

navigator.msMaxTouchPoints !== void 0 

Sie finden Internet Explorer 11.

var ua = navigator.userAgent.toString().toLowerCase();
var match = /(trident)(?:.*rv:([\w.]+))?/.exec(ua) ||/(msie) ([\w.]+)/.exec(ua)||['',null,-1];
var rv = match[2];
return rv;

Versuche dies:

var trident = !!navigator.userAgent.match(/Trident\/7.0/);
var net = !!navigator.userAgent.match(/.NET4.0E/);
var IE11 = trident && net
var IEold = ( navigator.userAgent.match(/MSIE/i) ? true : false );
if(IE11 || IEold){
alert("IE")
}else{
alert("Other")
}

Dies scheint eine bessere Methode zu sein. "indexOf" gibt -1 zurück, wenn nichts übereinstimmt. Bestehende Klassen im Body werden nicht überschrieben, sondern nur hinzugefügt.

// add a class on the body ie IE 10/11
var uA = navigator.userAgent;
if(uA.indexOf('Trident') != -1 && uA.indexOf('rv:11') != -1){
    document.body.className = document.body.className+' ie11';
}
if(uA.indexOf('Trident') != -1 && uA.indexOf('MSIE 10.0') != -1){
    document.body.className = document.body.className+' ie10';
}

Erkennen Sie die meisten Browser damit:

var getBrowser = function(){
  var navigatorObj = navigator.appName,
      userAgentObj = navigator.userAgent,
      matchVersion;
  var match = userAgentObj.match(/(opera|chrome|safari|firefox|msie|trident)\/?\s*(\.?\d+(\.\d+)*)/i);
  if( match && (matchVersion = userAgentObj.match(/version\/([\.\d]+)/i)) !== null) match[2] = matchVersion[1];
  //mobile
  if (navigator.userAgent.match(/iPhone|Android|webOS|iPad/i)) {
    return match ? [match[1], match[2], mobile] : [navigatorObj, navigator.appVersion, mobile];
  }
  // web browser
  return match ? [match[1], match[2]] : [navigatorObj, navigator.appVersion, '-?'];
};

https://gist.github.com/earlonrails/5266945

Ich habe das onscrollEreignis am Element mit der Bildlaufleiste verwendet. Beim Auslösen im IE habe ich die folgende Validierung hinzugefügt:

onscroll="if (document.activeElement==this) ignoreHideOptions()"

Nur für IE Browser:

var ie = 'NotIE'; //IE5-11, Edge+
    if( !!document.compatMode ) {
        if( !("ActiveXObject" in window) ) ) ie = 'EDGE';
        if( !!document.uniqueID){
            if('ActiveXObject' in window && !window.createPopup ){ ie = 11; }
            else if(!!document.all){
                    if(!!window.atob){ie = 10;}
                    else if(!!document.addEventListener) {ie = 9;}
                    else if(!!document.querySelector){ie = 8;}
                    else if(!!window.XMLHttpRequest){ie = 7;}
                    else if(!!document.compatMode){ie = 6;}
                    else ie = 5;
                }
        }
    }

Alarm verwenden (dh);

Testen:

var browserVersionExplorer = (function() {
    var ie = '<s>NotIE</s>',
        me = '<s>NotIE</s>';

    if (/msie\s|trident\/|edge\//i.test(window.navigator.userAgent) && !!(document.documentMode || document.uniqueID || window.ActiveXObject || window.MSInputMethodContext)) {
            if (!!window.MSInputMethodContext) {
                ie = !("ActiveXObject" in window) ? 'EDGE' : 11;
            } else if (!!document.uniqueID) {
                if (!!(window.ActiveXObject && document.all)) {
                    if (document.compatMode == "CSS1Compat" && !!window.DOMParser ) {
                        ie = !!window.XMLHttpRequest ? 7 : 6;
                    } else {
                        ie = !!(window.createPopup && document.getElementById) ? parseFloat('5.5') : 5;
                    }
                    if (!!document.documentMode && !!document.querySelector ) {
                        ie = !!(window.atob && window.matchMedia) ? 10 : ( !!document.addEventListener ? 9 : 8);
                    }
                } else ie = !!document.all ? 4 : (!!window.navigator ? 3 : 2);
            }
        }
        
    return ie > 1 ? 'IE ' + ie : ie;
})();

 alert(browserVersionExplorer);

Update 01. Juni 2017

Jetzt könnten wir etwas einfacher und einfacher gebrauchen:

var uA = window.navigator.userAgent,
    onlyIEorEdge = /msie\s|trident\/|edge\//i.test(uA) && !!( document.uniqueID || window.MSInputMethodContext),
    checkVersion = (onlyIEorEdge && +(/(edge\/|rv:|msie\s)([\d.]+)/i.exec(uA)[2])) || NaN;

Ehrlich gesagt würde ich sagen, verwenden Sie eine Bibliothek, die das tut, was Sie brauchen (wie zum Beispiel platform.js). Irgendwann werden sich die Dinge ändern und die Bibliothek wird für diese Änderungen ausgestattet sein, und das manuelle Parsen mit regulären Ausdrücken schlägt fehl.

Gott sei Dank geht IE weg ...