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를 사용하지 않습니다"를 반환합니다. 어떻게 감지합니까?

이 변경 목록에MSIE 따르면 IE11은 더 이상로보고하지 않습니다 . 오 탐지를 피하기위한 것입니다.

IE 를 정말로 알고 싶다면 할 수있는 일은 (테스트되지 않은)과 같은 반환 된 Trident/경우 사용자 에이전트에서 문자열 을 감지하는 것입니다.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 (afaik)은 여전히 ​​미리보기 상태이며 사용자 에이전트는 릴리스 전에 변경 될 수 있습니다.

!(window.ActiveXObject) && "ActiveXObject" in windowIE11을 명시 적으로 감지하는 데 사용 합니다.

IE (pre-Edge, "Trident") 버전을 감지하려면 "ActiveXObject" in window대신 사용하십시오.

MSInputMethodContext기능 감지 점검의 일부로 사용 하십시오. 예를 들면 다음과 같습니다.

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

참고 문헌

• MSInputMethodContext 객체
• 입력기 편집기 API
• IE12에서보고 싶은 사항 : Internet Explorer 12 버그 수정 및 새로운 기능 위시리스트
• 마스터에서 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가 없음을 의미합니다.

User-Agent에서 IE 버전 가져 오기

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

작동 방식 : 모든 IE 버전 의 사용자 에이전트 문자열 에는 "MSIE 공간 버전 "또는 "Trident other-text rv space-or-colon version "부분이 포함되어 있습니다. 이를 알면 String.match()정규 표현식 에서 버전 번호를 가져옵니다 . try-catch블록은 그렇지 않으면 우리는 비 IE 브라우저의 배열 범위를 테스트해야하는 것, 코드를 단축하는 데 사용됩니다.

참고 : 사용자 에이전트가 브라우저를 "호환 모드"로 설정 한 경우 사용자 에이전트가 스푸핑되거나 생략 될 수 있습니다. 실제로 이것은 큰 문제가되지는 않지만.

User-Agent없이 IE 버전 받기

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는 이전 버전 에는 없었던 추가 기능에 대한 지원을 추가합니다 . 따라서 하향식으로 기능을 테스트 할 수 있습니다. 원 하지만 시퀀스는 간결 여기를 사용 if-then하고 switch문 마찬가지로 잘 작동합니다. 변수 ie는 정수 5-11, 이전의 경우 1, 최신 / 비 IE의 경우 99로 설정됩니다. IE 1-11을 정확하게 테스트하려면 0으로 설정할 수 있습니다.

참고 : 와 같은 것에 폴리 필을 추가하는 타사 스크립트가있는 페이지에서 코드를 실행하면 객체 감지가 중단 될 수 있습니다 document.addEventListener. 그러한 상황에서 user-agent가 최선의 선택입니다.

브라우저가 최신인지 감지

브라우저가 대부분의 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]);
}

크롬, 파이어 폭스와 같은 다른 브라우저의 IE 및 NaN 인 경우 msie는 양수입니다.

왜 ?

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라고합니다.

따라서 다음을 찾으면

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

경고 사용 (ie);

테스트 :

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

2017 년 6 월 1 일 업데이트

이제 더 쉽고 간단한 것을 사용할 수 있습니다.

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가 사라지다 ...