Bagaimana cara mendeteksi IE11?

Ketika saya ingin mendeteksi IE saya menggunakan kode ini:

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

Tetapi IE11 mengembalikan "Anda tidak menggunakan Internet Explorer". Bagaimana saya bisa mendeteksinya?

IE11 tidak lagi melaporkan sebagai MSIE, menurut daftar perubahan ini sengaja untuk menghindari salah deteksi.

Apa yang dapat Anda lakukan jika Anda benar - benar ingin tahu itu adalah untuk mendeteksi Trident/string di agen pengguna jika navigator.appNamekembali Netscape, sesuatu seperti (yang belum diuji);

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

Perhatikan bahwa IE11 (afaik) masih dalam pratinjau, dan agen pengguna dapat berubah sebelum rilis.

Gunakan !(window.ActiveXObject) && "ActiveXObject" in windowuntuk mendeteksi IE11 secara eksplisit.

Untuk mendeteksi versi IE (pra-Edge, "Trident"), gunakan "ActiveXObject" in window.

Gunakan MSInputMethodContextsebagai bagian dari pemeriksaan deteksi fitur. Sebagai contoh:

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

Referensi

• Objek MSInputMethodContext
• API Metode Input Editor
• Apa yang ingin saya lihat di IE12: Internet Explorer 12 Wishlist Perbaikan Bug dan Fitur Baru
• TypeScript / lib.dom.d.ts di master · Microsoft / TypeScript IE DOM API

Saya sudah membaca jawaban Anda dan membuat campuran. Tampaknya berfungsi dengan Windows XP (IE7 / IE8) dan 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;         
}

Tentu saja jika saya mengembalikan 0, berarti tidak ada IE.

Dapatkan Versi IE dari Agen-Pengguna

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

Cara kerjanya: String agen pengguna untuk semua versi IE mencakup bagian " versi ruang MSIE " atau "Trident other-text rv space-or-colon versi ". Mengetahui hal ini, kami mengambil nomor versi dari ekspresi reguler. Sebuah blok digunakan untuk mempersingkat kode, kalau tidak kita akan perlu untuk menguji batas array untuk browser non-IE. String.match()try-catch

Catatan: Agen-pengguna dapat dipalsukan atau dihilangkan, terkadang tanpa disengaja jika pengguna telah mengatur browser mereka ke "mode kompatibilitas". Meskipun ini sepertinya tidak banyak masalah dalam praktiknya.

Dapatkan Versi IE tanpa Agen-Pengguna

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

Cara kerjanya: Setiap versi IE menambahkan dukungan untuk fitur tambahan yang tidak ditemukan di versi sebelumnya. Jadi kami dapat menguji fitur-fitur secara top-down. Sebuah ternary urutan digunakan di sini untuk singkatnya, meskipun if-thendan switchpernyataan akan bekerja sama dengan baik. Variabel iediatur ke integer 5-11, atau 1 untuk yang lebih lama, atau 99 untuk yang lebih baru / non-IE. Anda dapat mengaturnya ke 0 jika Anda hanya ingin menguji IE 1-11 dengan tepat.

Catatan: Deteksi objek dapat rusak jika kode Anda dijalankan pada halaman dengan skrip pihak ketiga yang menambahkan polyfill untuk hal-hal seperti document.addEventListener. Dalam situasi seperti itu, agen-pengguna adalah pilihan terbaik.

Mendeteksi jika Browser Modern

Jika Anda hanya tertarik pada apakah browser mendukung sebagian besar standar HTML 5 dan CSS 3, Anda dapat mengasumsikan bahwa IE 8 dan yang lebih rendah tetap menjadi aplikasi masalah utama. Pengujian untuk window.getComputedStyleakan memberi Anda perpaduan yang cukup baik dari browser modern, juga (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9 sangat meningkatkan dukungan standar, tetapi animasi CSS asli membutuhkan IE 10.

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

Angular JS melakukan cara ini.

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

msie akan menjadi angka positif jika IE dan NaN untuk browser lain seperti chrome, firefox.

kenapa

Pada Internet Explorer 11, string agen-pengguna telah berubah secara signifikan.

lihat ini:

msdn # 1 msdn # 2

solusi:

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

Saya menggunakan metode yang lebih sederhana:

Objek global navigator memiliki titik sentuh properti, di Internet Exlorer 11 disebut msMaxTouchPoints tho.

Jadi jika Anda mencari:

navigator.msMaxTouchPoints !== void 0 

Anda akan menemukan 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;

Coba ini:

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

Ini tampaknya menjadi metode yang lebih baik. "indexOf" mengembalikan -1 jika tidak ada yang cocok. Itu tidak menimpa kelas yang ada pada tubuh, hanya menambahkannya.

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

Deteksi sebagian besar browser dengan ini:

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

Saya menggunakan onscrollacara di elemen dengan scrollbar. Ketika dipicu di IE, saya menambahkan validasi berikut:

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

Hanya untuk Browser 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;
                }
        }
    }

gunakan waspada (yaitu);

Pengujian:

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

Perbarui 01 Jun 2017

Sekarang kita bisa menggunakan sesuatu yang lebih mudah dan sederhana:

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;

Sejujurnya saya akan mengatakan menggunakan perpustakaan yang melakukan apa yang Anda butuhkan (seperti platform.js misalnya). Pada titik tertentu hal akan berubah dan perpustakaan akan dilengkapi untuk perubahan itu dan penguraian manual menggunakan ekspresi reguler akan gagal.

Terima kasih Tuhan, IE hilang ...