Làm thế nào để phát hiện IE11?

Khi tôi muốn phát hiện IE tôi sử dụng mã này:

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

Nhưng IE11 đang trả về "Bạn không sử dụng Internet Explorer". Làm thế nào tôi có thể phát hiện ra nó?

IE11 không còn báo cáo như MSIE, theo danh sách các thay đổi này, đó là cố ý để tránh phát hiện sai.

Những gì bạn có thể làm nếu bạn thực sự muốn biết IE là phát hiện Trident/chuỗi trong tác nhân người dùng nếu navigator.appNametrả về Netscape, đại loại như (chưa được kiểm tra);

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

Lưu ý rằng IE11 (afaik) vẫn ở trong bản xem trước và tác nhân người dùng có thể thay đổi trước khi phát hành.

Sử dụng !(window.ActiveXObject) && "ActiveXObject" in windowđể phát hiện IE11 một cách rõ ràng.

Để phát hiện bất kỳ phiên bản IE (pre-Edge, "Trident") nào, hãy sử dụng "ActiveXObject" in windowthay thế.

Sử dụng MSInputMethodContextnhư một phần của kiểm tra phát hiện tính năng. Ví dụ:

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

Người giới thiệu

• Đối tượng MSInputMethodContext
• API trình chỉnh sửa phương thức nhập
• Những gì tôi muốn thấy trong IE12: Danh sách mong muốn về các bản sửa lỗi và tính năng mới của Internet Explorer 12
• TypeScript / lib.dom.d.ts tại master · API DOM Microsoft / TypeScript IE

Tôi đã đọc câu trả lời của bạn và thực hiện một hỗn hợp. Nó dường như hoạt động với Windows XP (IE7 / IE8) và 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;         
}

Tất nhiên nếu tôi trả về 0, có nghĩa là không có IE.

Nhận phiên bản IE từ Tác nhân người dùng

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

Cách hoạt động: Chuỗi user-agent cho tất cả các phiên bản IE bao gồm một phần "MSIE không gian phiên bản " hoặc "Trident khác văn rv không gian-hoặc-ruột phiên bản ". Biết điều này, chúng tôi lấy số phiên bản từ một String.match()biểu thức thông thường. Một try-catchkhối được sử dụng để rút ngắn mã, nếu không, chúng ta cần kiểm tra giới hạn mảng cho các trình duyệt không phải IE.

Lưu ý: Tác nhân người dùng có thể bị giả mạo hoặc bỏ qua, đôi khi vô tình nếu người dùng đã đặt trình duyệt của họ thành "chế độ tương thích". Mặc dù điều này dường như không phải là một vấn đề trong thực tế.

Nhận phiên bản IE mà không có tác nhân người dùng

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

Cách thức hoạt động: Mỗi phiên bản IE thêm hỗ trợ cho các tính năng bổ sung không có trong các phiên bản trước. Vì vậy, chúng tôi có thể kiểm tra các tính năng theo cách từ trên xuống. Một chuỗi ternary được sử dụng ở đây để ngắn gọn, if-thenvà các switchcâu lệnh cũng sẽ hoạt động tốt. Biến ieđược đặt thành số nguyên 5-11 hoặc 1 cho cũ hơn hoặc 99 cho mới hơn / không phải IE. Bạn có thể đặt thành 0 nếu bạn chỉ muốn kiểm tra IE 1-11 chính xác.

Lưu ý: Phát hiện đối tượng có thể bị hỏng nếu mã của bạn được chạy trên một trang có tập lệnh của bên thứ ba có thêm polyfill cho những thứ như document.addEventListener. Trong những tình huống như vậy, tác nhân người dùng là lựa chọn tốt nhất.

Phát hiện nếu Trình duyệt hiện đại

Nếu bạn chỉ quan tâm đến việc trình duyệt có hỗ trợ hầu hết các tiêu chuẩn HTML 5 và CSS 3 hay không, bạn có thể giả định một cách hợp lý rằng IE 8 trở xuống vẫn là các ứng dụng vấn đề chính. Việc thử nghiệm window.getComputedStylecũng sẽ cung cấp cho bạn một kết hợp khá tốt các trình duyệt hiện đại (IE 9, FF 4, Chrome 11, Safari 5, Opera 11.5). IE 9 cải thiện đáng kể về hỗ trợ tiêu chuẩn, nhưng hoạt hình CSS gốc yêu cầu IE 10.

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

Angular JS làm theo cách này.

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

msie sẽ là số dương nếu IE và NaN của nó cho các trình duyệt khác như chrome, firefox.

tại sao ?

Kể từ Internet Explorer 11, chuỗi tác nhân người dùng đã thay đổi đáng kể.

tham khảo điều này:

msd # 1 msd # 2

giải pháp :

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

Tôi đang sử dụng một phương pháp đơn giản hơn:

Đối tượng toàn cầu điều hướng có một điểm tiếp xúc thuộc tính, trong Internet Exlorer 11 được gọi là msMaxTouchPoints tho.

Vì vậy, nếu bạn tìm kiếm:

navigator.msMaxTouchPoints !== void 0 

Bạn sẽ tìm thấy 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;

Thử cái này:

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

Đây dường như là một phương pháp tốt hơn. "IndexOf" trả về -1 nếu không có gì khớp. Nó không ghi đè lên các lớp hiện có trên cơ thể, chỉ cần thêm chúng.

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

Phát hiện hầu hết các trình duyệt với điều này:

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

Tôi đã sử dụng onscrollsự kiện tại phần tử với thanh cuộn. Khi được kích hoạt trong IE, tôi đã thêm xác nhận sau:

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

Chỉ dành cho Trình duyệt 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;
                }
        }
    }

sử dụng cảnh báo (tức là);

Kiểm tra:

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

Cập nhật ngày 01 tháng 6 năm 2017

Bây giờ chúng ta có thể sử dụng một cái gì đó dễ dàng và đơn giản hơn:

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;

Thành thật mà nói tôi sẽ nói sử dụng một thư viện làm những gì bạn cần (ví dụ như platform.js). Tại một số điểm, mọi thứ sẽ thay đổi và thư viện sẽ được trang bị cho những thay đổi đó và phân tích cú pháp thủ công bằng cách sử dụng các biểu thức thông thường sẽ thất bại.

Cảm ơn chúa IE đã biến mất ...