วิธีการตรวจสอบ IE11?

เมื่อฉันต้องการตรวจจับ IE ฉันใช้รหัสนี้:

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 กำลังส่งคืน "คุณไม่ได้ใช้ Internet Explorer" ฉันจะตรวจจับได้อย่างไร

IE11 ไม่รายงานอีกต่อไปMSIEตามรายการการเปลี่ยนแปลงนี้มีเจตนาเพื่อหลีกเลี่ยงการตรวจจับที่ผิดพลาด

คุณสามารถทำอะไรถ้าคุณจริงๆต้องการที่จะรู้ว่ามันเป็น IE คือการตรวจสอบTrident/สตริงในตัวแทนผู้ใช้หากnavigator.appNameผลตอบแทนNetscapeบางอย่างเช่น (คนยังไม่ทดลอง);

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 (afaik) ยังคงอยู่ในการแสดงตัวอย่างและตัวแทนผู้ใช้อาจมีการเปลี่ยนแปลงก่อนที่จะปล่อย

ใช้!(window.ActiveXObject) && "ActiveXObject" in windowเพื่อตรวจจับ IE11 อย่างชัดเจน

หากต้องการตรวจสอบเวอร์ชัน IE (pre-Edge, "ตรีศูล") ให้ใช้"ActiveXObject" in windowแทน

ใช้MSInputMethodContextเป็นส่วนหนึ่งของการตรวจสอบคุณสมบัติการตรวจสอบ ตัวอย่างเช่น:

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

อ้างอิง

• วัตถุ MSInputMethodContext
• API ตัวแก้ไขวิธีการป้อนข้อมูล
• สิ่งที่ฉันต้องการเห็นใน IE12: รายการสิ่งที่ต้องการใน Internet Explorer 12 ของ Bug Fixes และคุณสมบัติใหม่
• TypeScript / lib.dom.d.ts ที่ต้นแบบ· Microsoft / TypeScript IE DOM API

ฉันอ่านคำตอบของคุณแล้วทำมิกซ์ ดูเหมือนว่าจะทำงานกับ Windows XP (IE7 / IE8) และ 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;         
}

แน่นอนถ้าฉันคืนค่า 0 หมายความว่าไม่มี IE

รับ IE Version จาก User-Agent

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

วิธีการทำงาน:สตริงตัวแทนผู้ใช้สำหรับ IE ทุกเวอร์ชันรวมถึงส่วน "MSIE space version " หรือ "Trident other-text rv space-or-colon version " เมื่อรู้อย่างนี้เราก็หยิบหมายเลขเวอร์ชั่นจากString.match()นิพจน์ปกติ try-catchบล็อกจะใช้ในการร่นรหัสมิฉะนั้นเราจะต้องทดสอบขอบเขตอาร์เรย์สำหรับเบราว์เซอร์ที่ไม่ใช่ IE

หมายเหตุ:เอเจนต์ผู้ใช้สามารถถูกปลอมแปลงหรือถูกละเว้นบางครั้งไม่ได้ตั้งใจหากผู้ใช้ตั้งค่าเบราว์เซอร์เป็น "โหมดความเข้ากันได้" ถึงแม้ว่าสิ่งนี้จะไม่ดูเหมือนปัญหาในทางปฏิบัติมากนัก

รับ IE Version โดยไม่มี 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 );

วิธีการทำงาน: IE แต่ละเวอร์ชันเพิ่มการรองรับคุณสมบัติเพิ่มเติมที่ไม่พบในรุ่นก่อนหน้า ดังนั้นเราสามารถทดสอบคุณสมบัติต่างๆได้จากบนลงล่าง ternaryลำดับจะใช้ที่นี่สำหรับความกะทัดรัด แต่if-thenและswitchงบจะทำงานก็เช่นกัน ตัวแปรieถูกตั้งค่าเป็นจำนวนเต็ม 5-11 หรือ 1 สำหรับเก่ากว่าหรือ 99 สำหรับใหม่ / ไม่ใช่ IE คุณสามารถตั้งค่าเป็น 0 หากคุณต้องการทดสอบ IE 1-11 อย่างแน่นอน

หมายเหตุ:การตรวจจับวัตถุอาจแตกถ้ารหัสของคุณทำงานบนหน้าเว็บที่มีสคริปต์ของบุคคลที่สามที่เพิ่ม polyfills document.addEventListenerสำหรับสิ่งที่ต้องการ ในสถานการณ์เช่นนี้ตัวแทนผู้ใช้เป็นตัวเลือกที่ดีที่สุด

ตรวจสอบว่าเบราว์เซอร์ทันสมัยหรือไม่

หากคุณสนใจว่าเบราว์เซอร์รองรับมาตรฐาน HTML 5 และ CSS 3 เกือบทั้งหมดหรือไม่คุณสามารถสันนิษฐานได้ว่า IE 8 และต่ำกว่านั้นยังคงเป็นปัญหาหลักของแอป การทดสอบwindow.getComputedStyleจะให้เบราว์เซอร์สมัยใหม่ที่ผสมผสานกันอย่างเป็นธรรมเช่นกัน (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5) IE 9 ปรับปรุงการสนับสนุนมาตรฐานอย่างมาก แต่ภาพเคลื่อนไหว CSS ดั้งเดิมต้องการ IE 10

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

JS เชิงมุมทำเช่นนี้

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

msie จะเป็นจำนวนบวกหาก IE และ NaN สำหรับเบราว์เซอร์อื่นเช่น chrome, firefox

ทำไม

ตั้งแต่ Internet Explorer 11 สตริงตัวแทนผู้ใช้มีการเปลี่ยนแปลงอย่างมีนัยสำคัญ

แนะนำสิ่งนี้:

msdn # 1 msdn # 2

สารละลาย :

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

ฉันใช้วิธีที่ง่ายกว่า:

วัตถุโกลบอลเนวิเกเตอร์มีจุดสัมผัสคุณสมบัติใน Internet Exlorer 11 เรียกว่า msMaxTouchPoints tho

ดังนั้นหากคุณกำลังมองหา:

navigator.msMaxTouchPoints !== void 0 

คุณจะพบ 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;

ลองสิ่งนี้:

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

นี่ดูเหมือนจะเป็นวิธีที่ดีกว่า "indexOf" ส่งคืน -1 ถ้าไม่มีอะไรที่ตรงกัน มันไม่ได้เขียนทับคลาสที่มีอยู่ในร่างกายเพียงเพิ่มเข้าไป

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

ตรวจจับเบราว์เซอร์ส่วนใหญ่ด้วยสิ่งนี้:

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

ฉันใช้onscrollเหตุการณ์ที่องค์ประกอบด้วยแถบเลื่อน เมื่อถูกทริกเกอร์ใน IE ฉันได้เพิ่มการตรวจสอบต่อไปนี้:

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

สำหรับเบราว์เซอร์ 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;
                }
        }
    }

ใช้การแจ้งเตือน (เช่น);

การทดสอบ:

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

อัปเดต 1 มิถุนายน 2560

ตอนนี้เราสามารถใช้บางสิ่งได้ง่ายขึ้นและง่ายขึ้น:

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;

ค่อนข้างตรงไปตรงมาฉันจะใช้ห้องสมุดที่ทำสิ่งที่คุณต้องการ (เช่น platform.js ตัวอย่าง) ในบางสิ่งจะมีการเปลี่ยนแปลงและห้องสมุดจะพร้อมสำหรับการเปลี่ยนแปลงเหล่านั้นและการวิเคราะห์คำด้วยตนเองโดยใช้นิพจน์ทั่วไปจะล้มเหลว

ขอบคุณพระเจ้า IE จากไป ...