IE11 nasıl tespit edilir?

IE tespit etmek istediğimde bu kodu kullanıyorum:

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

Ancak IE11 "Internet Explorer kullanmıyorsunuz" döndürüyor. Nasıl tespit edebilirim?

IE11 artık rapor etmiyor MSIE, bu değişiklik listesine göre yanlış tespitin önlenmesi kasıtlı.

Eğer gerçekten IE olduğunu bilmek istiyorsanız ne yapabilir, eğer (denenmemiş) gibi bir şey döndürürse , Trident/kullanıcı aracısı dize tespit etmektir ;navigator.appNameNetscape

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

IE11'in (afaik) hala önizlemede olduğunu ve kullanıcı aracısının yayınlanmadan önce değişebileceğini unutmayın.

!(window.ActiveXObject) && "ActiveXObject" in windowIE11'i açıkça algılamak için kullanın .

Herhangi bir IE (Edge öncesi, "Trident") sürümünü algılamak için "ActiveXObject" in windowbunun yerine kullanın.

MSInputMethodContextÖzellik algılama kontrolünün bir parçası olarak kullanın . Örneğin:

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

Referanslar

• MSInputMethodContext Nesnesi
• Giriş Yöntemi Düzenleyici API'sı
• IE12'de görmek istediklerim: Internet Explorer 12 Hata Düzeltmeleri ve Yeni Özellikler İstek Listesi
• Master'da TypeScript / lib.dom.d.ts · Microsoft / TypeScript IE DOM API'leri

Cevaplarını okudum ve bir karışım yaptım. Windows XP (IE7 / IE8) ve Windows 7 (IE9 / IE10 / IE11) ile çalışıyor gibi görünüyor.

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

Tabii 0 döndürürsem, IE yok demektir.

IE Sürümünü User-Agent'tan Alın

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

Nasıl çalışır: Tüm IE sürümleri için kullanıcı aracısı dizesi "MSIE alanı sürümü " veya "Trident diğer metin rv alanı veya iki nokta sürümü " bölümünü içerir . Bunu bilerek, String.match()normal bir ifadeden sürüm numarasını alırız . try-catchKodu kısaltmak için bir blok kullanılır, aksi takdirde IE olmayan tarayıcılar için dizi sınırlarını test etmemiz gerekir.

Not: Kullanıcı aracısı, bazen tarayıcılarını bir "uyumluluk moduna" ayarladıysa, kasıtlı olarak taklit edilebilir veya atlanabilir. Bu pratikte bir sorun gibi görünmese de.

User-Agent olmadan IE Sürümü edinin

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

Nasıl çalışır: IE'nin her sürümü, önceki sürümlerde bulunmayan ek özellikler için destek ekler . Böylece özellikleri yukarıdan aşağıya test edebiliriz. Bir üçlü olsa dizisi, kısalık için burada kullanılan if-thenve switchifadeleri gibi iyi çalışır. Değişken ie, eski için 5-11 veya 1 veya yeni / IE olmayanlar için 99 tamsayısına ayarlanır. IE 1-11'i tam olarak test etmek istiyorsanız 0 olarak ayarlayabilirsiniz.

Not: Kodunuz, benzer şeyler için çoklu dolgular ekleyen üçüncü taraf komut dosyalarına sahip bir sayfada çalıştırılırsa nesne algılama bozulabilir document.addEventListener. Bu gibi durumlarda kullanıcı-aracı en iyi seçenektir.

Tarayıcının Modern olup olmadığını algılama

Yalnızca bir tarayıcının çoğu HTML 5 ve CSS 3 standardını destekleyip desteklemediğiyle ilgileniyorsanız , IE 8 ve daha düşük sürümlerin birincil sorunlu uygulamalar olarak kaldığını makul bir şekilde kabul edebilirsiniz . Test yapmak window.getComputedStyle, size modern tarayıcıların oldukça iyi bir karışımını verecektir (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9, standart desteği büyük ölçüde geliştirir, ancak yerel CSS animasyonu IE 10 gerektirir.

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

Açısal JS bu şekilde yapar.

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

msie, krom ve firefox gibi diğer tarayıcılar için IE ve NaN ise pozitif sayı olacaktır.

neden ?

Internet Explorer 11'den itibaren, kullanıcı aracısı dizesi önemli ölçüde değişti.

buna bakın:

msdn # 1 msdn # 2

çözüm :

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

Daha basit bir yöntem kullanıyorum:

Gezgin global nesnesinin bir özellik temas noktaları vardır, Internet Explorer 11'de msMaxTouchPoints tho olarak adlandırılır.

Eğer bakarsanız:

navigator.msMaxTouchPoints !== void 0 

Internet Explorer 11'i bulacaksınız.

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;

Bunu dene:

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

Bu daha iyi bir yöntem gibi görünüyor. "indexOf", eşleşen bir şey yoksa -1 değerini döndürür. Vücuttaki mevcut sınıfların üzerine yazmaz, sadece ekler.

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

Çoğu tarayıcıyı şu şekilde tespit edin:

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

onscrollOlayı kaydırma çubuğundaki öğede kullandım . IE'de tetiklendiğinde, aşağıdaki doğrulamayı ekledim:

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

Sadece IE Tarayıcı için:

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

uyarı kullan (yani);

Test yapmak:

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

Güncelleme 01 Haz 2017

Artık daha kolay ve basit bir şey kullanabiliriz:

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;

Açıkçası ben ihtiyacınız olan bir kütüphane kullanın söyleyebilirim (örneğin platform.js gibi). Bir noktada işler değişecek ve kütüphane bu değişiklikler için donatılacak ve düzenli ifadeler kullanılarak manuel ayrıştırma başarısız olacaktır.

Tanrıya şükür IE gidiyor ...