Comment détecter IE11?

Lorsque je veux détecter IE, j'utilise ce 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 );
}

Mais IE11 renvoie "Vous n'utilisez pas Internet Explorer". Comment puis-je le détecter?

IE11 ne rapporte plus car MSIE, selon cette liste de modifications il est intentionnel d'éviter toute détection erronée.

Ce que vous pouvez faire si vous voulez vraiment savoir que c'est IE, c'est détecter la Trident/chaîne dans l'agent utilisateur si navigator.appNameretourne Netscape, quelque chose comme (le non testé);

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());

Notez que IE11 (afaik) est toujours en prévisualisation et l'agent utilisateur peut changer avant la sortie.

Utilisez !(window.ActiveXObject) && "ActiveXObject" in windowpour détecter explicitement IE11.

Pour détecter toute version d'IE (pré-Edge, "Trident"), utilisez "ActiveXObject" in windowplutôt.

À utiliser MSInputMethodContextdans le cadre d'une vérification de détection de fonctionnalité. Par exemple:

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

Références

• Objet MSInputMethodContext
• API de l'éditeur de méthode d'entrée
• Ce que j'aimerais voir dans IE12: Liste de souhaits d'Internet Explorer 12 pour les corrections de bugs et les nouvelles fonctionnalités
• TypeScript / lib.dom.d.ts au niveau du maître · API DOM Microsoft / TypeScript IE

J'ai lu vos réponses et fait un mix. Il semble fonctionner avec Windows XP (IE7 / IE8) et Windows 7 (IE9 / IE10 / IE11).

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

Bien sûr, si je retourne 0, cela signifie pas d'IE.

Obtenez la version d'IE à partir de l'agent utilisateur

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

Comment ça marche: La chaîne de l' agent utilisateur pour toutes les versions IE comprend une partie « MSIE espace la version » ou « Trident autre texte rv espace ou deux points la version ». Sachant cela, nous récupérons le numéro de version à partir d'une String.match()expression régulière. Un try-catchbloc est utilisé pour raccourcir le code, sinon nous aurions besoin de tester les limites du tableau pour les navigateurs non IE.

Remarque: l'agent utilisateur peut être usurpé ou omis, parfois involontairement si l'utilisateur a défini son navigateur sur un "mode de compatibilité". Bien que cela ne semble pas être un gros problème dans la pratique.

Obtenez la version d'IE sans l'agent utilisateur

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

Fonctionnement: chaque version d'IE ajoute la prise en charge de fonctionnalités supplémentaires introuvables dans les versions précédentes. Nous pouvons donc tester les fonctionnalités de manière descendante. Une séquence ternaire est utilisée ici par souci de concision, cependant if-thenet les switchdéclarations fonctionneraient tout aussi bien. La variable ieest définie sur un entier 5-11, ou 1 pour les anciens, ou 99 pour les plus récents / non IE. Vous pouvez le mettre à 0 si vous voulez juste tester IE 1-11 exactement.

Remarque: La détection d'objets peut se casser si votre code est exécuté sur une page avec des scripts tiers qui ajoutent des polyfills pour des choses comme document.addEventListener. Dans de telles situations, l'agent utilisateur est la meilleure option.

Détecter si le navigateur est moderne

Si vous souhaitez uniquement savoir si un navigateur prend en charge la plupart des normes HTML 5 et CSS 3, vous pouvez raisonnablement supposer qu'IE 8 et versions inférieures restent les principales applications problématiques. Tester pour window.getComputedStylevous donnera également un assez bon mélange de navigateurs modernes (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9 améliore considérablement la prise en charge des normes, mais l'animation CSS native nécessite IE 10.

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

Angular JS fait de cette façon.

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

msie sera un nombre positif si son IE et NaN pour un autre navigateur comme Chrome, Firefox.

Pourquoi ?

Depuis Internet Explorer 11, la chaîne de l'agent utilisateur a considérablement changé.

référer ceci:

msdn # 1 msdn # 2

Solution :

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 ");
}		

J'utilise une méthode plus simple:

L'objet global du navigateur a une propriété points de contact, dans Internet Exlorer 11 est appelé msMaxTouchPoints tho.

Donc si vous cherchez:

navigator.msMaxTouchPoints !== void 0 

Vous trouverez 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;

Essaye ça:

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")
}

Cela semble être une meilleure méthode. "indexOf" renvoie -1 si rien ne correspond. Il n'écrase pas les classes existantes sur le corps, il les ajoute simplement.

// 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';
}

Détectez la plupart des navigateurs avec ceci:

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

J'ai utilisé l' onscrollévénement à l'élément avec la barre de défilement. Lorsque déclenché dans IE, j'ai ajouté la validation suivante:

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

Uniquement pour le navigateur IE:

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

utiliser l'alerte (c.-à-d.);

Essai:

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

Mise à jour 01 juin 2017

Maintenant, nous pourrions utiliser quelque chose de plus simple et de plus simple:

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;

Franchement, je dirais d'utiliser une bibliothèque qui fait ce dont vous avez besoin (comme platform.js par exemple). À un moment donné, les choses vont changer et la bibliothèque sera équipée pour ces changements et l'analyse manuelle à l'aide d'expressions régulières échouera.

Dieu merci, IE s'en va ...