Wykrywanie wersji IE (przed v9) w JavaScript

Return IE version or if not IE return false

function isIE () {
  var myNav = navigator.userAgent.toLowerCase();
  return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
}

Przykład:

if (isIE () == 8) {
 // IE8 code
} else {
 // Other versions IE or not IE
}

Lub

if (isIE () && isIE () < 9) {
 // is IE version less than 9
} else {
 // is IE 9 and later or not IE
}

Lub

if (isIE()) {
 // is IE
} else {
 // Other browser
}

JeÅ›li nikt inny nie dodaÅ‚ metody addEventLister-i używasz poprawnego trybu przeglÄ…darki, możesz sprawdzić IE 8 lub mniej za pomocÄ…

if (window.attachEvent && !window.addEventListener) {
    // "bad" IE
}

Starsze Internet Explorer i attachEvent (MDN)

Użyj komentarzy warunkowych. Próbujesz wykryć użytkowników IE = 10 i nie-IE) komentarze będą traktowane jako zwykłe komentarze HTML, czyli czym są.

Przykład HTML:

<!--[if lt IE 9]>
WE DON'T LIKE YOUR BROWSER
<![endif]-->

Możesz to również zrobić wyłącznie za pomocą skryptu, jeśli potrzebujesz:

var div = document.createElement("div");
div.innerHTML = "<!--[if lt IE 9]><i></i><![endif]-->";
var isIeLessThan9 = (div.getElementsByTagName("i").length == 1);
if (isIeLessThan9) {
    alert("WE DON'T LIKE YOUR BROWSER");
}

Aby łatwo wykryć MSIE (v6 - v7 - v8 - v9 - v10 - v11):

if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {
   // MSIE
}

Oto sposób AngularJS sprawdza dla IE

/**
 * documentMode is an IE-only property
 * http://msdn.microsoft.com/en-us/library/ie/cc196988(v=vs.85).aspx
 */
var msie = document.documentMode;

if (msie < 9) {
    // code for IE < 9
}

Aby niezawodnie filtrować IE8 i starsze, można użyć sprawdzania obiektów globalnych :

if (document.all && !document.addEventListener) {
    alert('IE8 or lower');
}

Ta funkcja zwróci główny numer wersji IE jako liczbÄ™ caÅ‚kowitÄ…, lub undefined jeÅ›li przeglÄ…darka nie jest Internet Explorer. To, podobnie jak wszystkie rozwiÄ…zania user agent, jest możliwe do sfingowania user agent (który jest oficjalnÄ… cechÄ… IE od wersji 8).

function getIEVersion() {
    var match = navigator.userAgent.match(/(?:MSIE |Trident\/.*; rv:)(\d+)/);
    return match ? parseInt(match[1]) : undefined;
}

Wykrywanie IE w JS za pomocÄ… komentarzy warunkowych

// ----------------------------------------------------------
// A short snippet for detecting versions of IE in JavaScript
// without resorting to user-agent sniffing
// ----------------------------------------------------------
// If you're not in IE (or IE version is less than 5) then:
//     ie === undefined
// If you're in IE (>=5) then you can determine which version:
//     ie === 7; // IE7
// Thus, to detect IE:
//     if (ie) {}
// And to detect the version:
//     ie === 6 // IE6
//     ie > 7 // IE8, IE9 ...
//     ie < 9 // Anything less than IE9
// ----------------------------------------------------------

// UPDATE: Now using Live NodeList idea from @jdalton

var ie = (function(){

    var undef,
        v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');

    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );

    return v > 4 ? v : undef;

}());

Wykrywanie wersji IE za pomocą wykrywania funkcji (IE6+, przeglądarki przed IE6 są wykrywane jako 6, zwraca null dla przeglądarek innych niż IE):

var ie = (function (){
    if (window.ActiveXObject === undefined) return null; //Not IE
    if (!window.XMLHttpRequest) return 6;
    if (!document.querySelector) return 7;
    if (!document.addEventListener) return 8;
    if (!window.atob) return 9;
    if (!document.__proto__) return 10;
    return 11;
})();

Edit: dla Twojej wygody stworzyłem repo bower/npm: ie-version

Update:

Bardziej zwartą wersję można zapisać w jednej linijce jako:

return window.ActiveXObject === undefined ? null : !window.XMLHttpRequest ? 6 : !document.querySelector ? 7 : !document.addEventListener ? 8 : !window.atob ? 9 : !document.__proto__ ? 10 : 11;

To mi pasuje. Używam go jako przekierowania na stronę, która wyjaśnia, dlaczego nie lubimy

<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;URL=http://google.com">
<![endif]-->

Twój kod może wykonać sprawdzenie, ale jak myślałeś, jeśli ktoś spróbuje uzyskać dostęp do twojej strony za pomocą IE v1 lub > v19 nie otrzyma błędu, więc może być bezpieczniej wykonać sprawdzenie z wyrażeniem Regex, jak ten kod poniżej:

var userAgent = navigator.userAgent.toLowerCase();
// Test if the browser is IE and check the version number is lower than 9
if (/msie/.test(userAgent) && 
    parseFloat((userAgent.match(/.*(?:rv|ie)[\/: ](.+?)([ \);]|$)/) || [])[1]) < 9) {
  // Navigate to error page
}

Komentarze warunkowe nie są już obsługiwane w IE od wersji 10, Jak wspomniano na stronie referencyjnej Microsoft .

var ieDetector = function() {
  var browser = { // browser object

      verIE: null,
      docModeIE: null,
      verIEtrue: null,
      verIE_ua: null

    },
    tmp;

  tmp = document.documentMode;
  try {
    document.documentMode = "";
  } catch (e) {};

  browser.isIE = typeof document.documentMode == "number" || eval("/*@cc_on!@*/!1");
  try {
    document.documentMode = tmp;
  } catch (e) {};

  // We only let IE run this code.
  if (browser.isIE) {
    browser.verIE_ua =
      (/^(?:.*?[^a-zA-Z])??(?:MSIE|rv\s*\:)\s*(\d+\.?\d*)/i).test(navigator.userAgent || "") ?
      parseFloat(RegExp.$1, 10) : null;

    var e, verTrueFloat, x,
      obj = document.createElement("div"),

      CLASSID = [
        "{45EA75A0-A269-11D1-B5BF-0000F8051515}", // Internet Explorer Help
        "{3AF36230-A269-11D1-B5BF-0000F8051515}", // Offline Browsing Pack
        "{89820200-ECBD-11CF-8B85-00AA005B4383}"
      ];

    try {
      obj.style.behavior = "url(#default#clientcaps)"
    } catch (e) {};

    for (x = 0; x < CLASSID.length; x++) {
      try {
        browser.verIEtrue = obj.getComponentVersion(CLASSID[x], "componentid").replace(/,/g, ".");
      } catch (e) {};

      if (browser.verIEtrue) break;

    };
    verTrueFloat = parseFloat(browser.verIEtrue || "0", 10);
    browser.docModeIE = document.documentMode ||
      ((/back/i).test(document.compatMode || "") ? 5 : verTrueFloat) ||
      browser.verIE_ua;
    browser.verIE = verTrueFloat || browser.docModeIE;
  };

  return {
    isIE: browser.isIE,
    Version: browser.verIE
  };

}();

document.write('isIE: ' + ieDetector.isIE + "<br />");
document.write('IE Version Number: ' + ieDetector.Version);

Następnie użyj:

if((ieDetector.isIE) && (ieDetector.Version <= 9))
{

}

Dla ie 10 i 11:

Możesz użyć js i dodać klasę w html, aby utrzymać standard komentarzy warunkowych:

  var ua = navigator.userAgent,
      doc = document.documentElement;

  if ((ua.match(/MSIE 10.0/i))) {
    doc.className = doc.className + " ie10";

  } else if((ua.match(/rv:11.0/i))){
    doc.className = doc.className + " ie11";
  }

Lub użyj lib jak bowser:

Https://github.com/ded/bowser

Lub modernizr do wykrywania cech:

Http://modernizr.com/

Aby wykryć Internet Explorer 10/11 możesz użyć tego małego skryptu natychmiast po tagu body:

W moim przypadku używam biblioteki jQuery załadowanej w head.

<!DOCTYPE HTML>
<html>
<head>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
    <script>if (navigator.appVersion.indexOf('Trident/') != -1) $("body").addClass("ie10");</script>
</body>
</html>

To zostało odebrane na śmierć, ale to wszystko, czego potrzebujesz.

!!navigator.userAgent.match(/msie\s[5-8]/i)

var Browser = new function () {
    var self = this;
    var nav = navigator.userAgent.toLowerCase();
    if (nav.indexOf('msie') != -1) {
        self.ie = {
            version: toFloat(nav.split('msie')[1])
        };
    };
};


if(Browser.ie && Browser.ie.version > 9)
{
    // do something
}

Według Microsoft następujące rozwiązanie jest najlepszym rozwiązaniem, jest również bardzo proste:

function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser).
{
    var rv = -1; // Return value assumes failure.
    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 )
    {
        if ( ver >= 8.0 ) 
            msg = "You're using a recent copy of Internet Explorer."
        else
            msg = "You should upgrade your copy of Internet Explorer.";
      }
    alert( msg );
}

Zalecam nie przepisywanie tego kodu po raz kolejny. Polecam korzystanie z biblioteki Conditionizr ( http://conditionizr.com/), który jest zdolny do testowania określonych wersji IE, a także innych przeglądarek, systemów operacyjnych, a nawet obecności lub braku wyświetlaczy Retina.

Dołącz Kod tylko do konkretnych testów, których potrzebujesz, a także zyskaj korzyści z testowanej biblioteki, która przeszła wiele iteracji (i która byłaby łatwa aby uaktualnić bez łamania kodu).

Pasuje również do Modernizr, który poradzi sobie ze wszystkimi przypadkami, w których lepiej jest testować konkretną funkcję, a nie konkretną przeglądarkę.

LubiÄ™ to:

<script>
   function isIE () {
       var myNav = navigator.userAgent.toLowerCase();
       return (myNav.indexOf('msie') != -1) ? parseInt(myNav.split('msie')[1]) : false;
   }    
   var ua = window.navigator.userAgent;
   //Internet Explorer | if | 9-11

   if (isIE () == 9) {
       alert("Shut down this junk! | IE 9");
   } else if (isIE () == 10){
       alert("Shut down this junk! | IE 10");
   } else if (ua.indexOf("Trident/7.0") > 0) {
       alert("Shut down this junk! | IE 11");
   }else{
       alert("Thank god it's not IE!");
   }

</script>

To podejście do wykrywania IE łączy mocne strony i unika słabości odpowiedzi jKey ' a za pomocą komentarzy warunkowych i odpowiedzi Owena za pomocą agentów Użytkownika.

• podejÅ›cie jKey dziaÅ‚a do wersji 9 i jest odporne na spoofing user agent w IE 8 & 9.

• PodejÅ›cie Owena może zawieść na IE 5 i 6 (raportowanie 7) i jest podatne na spoofing UA, ale może wykryć wersje IE >= 10(teraz również 12, co potwierdza odpowiedź Owena).

  // ----------------------------------------------------------
  // A short snippet for detecting versions of IE
  // ----------------------------------------------------------
  // If you're not in IE (or IE version is less than 5) then:
  //     ie === undefined
  // Thus, to detect IE:
  //     if (ie) {}
  // And to detect the version:
  //     ie === 6 // IE6
  //     ie > 7 // IE8, IE9 ...
  // ----------------------------------------------------------
  var ie = (function(){
      var v = 3,
          div = document.createElement('div'),
          all = div.getElementsByTagName('i');
  
      while (
          div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
          all[0]
      );
      if (v <= 4) { // Check for IE>9 using user agent
          var match = navigator.userAgent.match(/(?:MSIE |Trident\/.*; rv:|Edge\/)(\d+)/);
          v = match ? parseInt(match[1]) : undefined;
      }
      return v;
  }());
  

To może być użyte do Ustawienia użytecznych klas w dokumencie zawierającym wersję IE:

    if (ie) {
        document.documentElement.className += ' ie' + ie;
        if (ie < 9)
            document.documentElement.className += ' ieLT9';
    }

Zauważ, że wykrywa używany tryb zgodności, jeśli IE jest w trybie zgodności. Zauważ również, że wersja IE jest głównie przydatna dla starszych wersji (

Zrobiłem wygodny Mixin podkreślenia do tego.

_.isIE();        // Any version of IE?
_.isIE(9);       // IE 9?
_.isIE([7,8,9]); // IE 7, 8 or 9?

_.mixin({
  isIE: function(mixed) {
    if (_.isUndefined(mixed)) {
      mixed = [7, 8, 9, 10, 11];
    } else if (_.isNumber(mixed)) {
      mixed = [mixed];
    }
    for (var j = 0; j < mixed.length; j++) {
      var re;
      switch (mixed[j]) {
        case 11:
          re = /Trident.*rv\:11\./g;
          break;
        case 10:
          re = /MSIE\s10\./g;
          break;
        case 9:
          re = /MSIE\s9\./g;
          break;
        case 8:
          re = /MSIE\s8\./g;
          break;
        case 7:
          re = /MSIE\s7\./g;
          break;
      }

      if (!!window.navigator.userAgent.match(re)) {
        return true;
      }
    }

    return false;
  }
});

console.log(_.isIE());
console.log(_.isIE([7, 8, 9]));
console.log(_.isIE(11));

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

Lub po prostu

//   IE 10: ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)'; 
//   IE 11: ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko'; 
// Edge 12: ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0'; 
// Edge 13: ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586'; 

var isIE = navigator.userAgent.match(/MSIE|Trident|Edge/)
var IEVersion = ((navigator.userAgent.match(/(?:MSIE |Trident.*rv:|Edge\/)(\d+(\.\d+)?)/)) || []) [1]

Najbardziej wszechstronny skrypt JS jaki znalazłem do sprawdzenia wersji IE to http://www.pinlady.net/PluginDetect/IE/. cała biblioteka znajduje się w http://www.pinlady.net/PluginDetect/Browsers/.

W IE10 polecenia warunkowe nie są już obsługiwane.

W IE11, user agent nie zawiera już MSIE. Ponadto korzystanie z agenta użytkownika nie jest niezawodne, ponieważ można go zmodyfikować.

Za pomocą skryptu PluginDetect JS można wykryć dla IE i wykryć dokładne wersje za pomocą bardzo specyficznego i dobrze spreparowanego kodu, który dotyczy konkretnych wersji IE. Jest to bardzo przydatne, gdy zależy Ci dokładnie, z jaką wersją przeglądarki pracujesz.

Zdaję sobie sprawę, że jestem trochę spóźniony na imprezę, ale sprawdzałem prosty, jednowierszowy sposób, aby przekazać opinię na temat tego, czy przeglądarka to IE i jaka wersja od 10 w dół. Nie zakodowałem tego dla wersji 11, więc być może potrzebna będzie do tego mała poprawka.

Jednak jest to kod, działa jako obiekt, który ma właściwość i metodę i opiera się na wykrywaniu obiektów, a nie na skrobaniu obiektu nawigatora (który jest masowo wadliwy, jak to może być spoofed).

var isIE = { browser:/*@cc_on!@*/false, detectedVersion: function () { return (typeof window.atob !== "undefined") ? 10 : (typeof document.addEventListener !== "undefined") ? 9 : (typeof document.querySelector !== "undefined") ? 8 : (typeof window.XMLHttpRequest !== "undefined") ? 7 : (typeof document.compatMode !== "undefined") ? 6 : 5; } };

Użycie jest isIE.browser wÅ‚aÅ›ciwoÅ›ciÄ…, która zwraca wartość logicznÄ… i opiera siÄ™ na komentarzach warunkowych metody isIE.detectedVersion(), która zwraca liczbÄ™ od 5 do 10. ZakÅ‚adam, że cokolwiek niższe niż 6 i jesteÅ› na poważnym terytorium starej szkoÅ‚y i bÄ™dzie coÅ› bardziej beefy niż jeden liniowiec i cokolwiek wyższe niż 10 i jesteÅ› w nowszym terytorium. CzytaÅ‚em coÅ› o IE11 nie obsÅ‚ugujÄ…cym komentarzy warunkowych ale nie do koÅ„ca zbadaÅ‚em, czyli może na później.

W każdym razie, jak to jest, a dla jednego linera, obejmie podstawy przeglądarki IE i wykrywania wersji. Jest daleki od ideału, ale jest mały i łatwo go zmienić.

Tylko dla odniesienia, a jeśli ktoś ma jakiekolwiek wątpliwości, jak faktycznie wdrożyć ten warunek, powinien pomóc następujący warunek.

var isIE = { browser:/*@cc_on!@*/false, detectedVersion: function () { return (typeof window.atob !== "undefined") ? 10 : (typeof document.addEventListener !== "undefined") ? 9 : (typeof document.querySelector !== "undefined") ? 8 : (typeof window.XMLHttpRequest !== "undefined") ? 7 : (typeof document.compatMode !== "undefined") ? 6 : 5; } };

/* testing IE */

if (isIE.browser) {
  alert("This is an IE browser, with a detected version of : " + isIE.detectedVersion());
}

Wykrywanie IE i jego wersji nie może być łatwiejsze, a wszystko czego potrzebujesz to trochę natywnego / waniliowego Javascript:

var uA = navigator.userAgent;
var browser = null;
var ieVersion = null;

if (uA.indexOf('MSIE 6') >= 0) {
    browser = 'IE';
    ieVersion = 6;
}
if (uA.indexOf('MSIE 7') >= 0) {
    browser = 'IE';
    ieVersion = 7;
}
if (document.documentMode) { // as of IE8
    browser = 'IE';
    ieVersion = document.documentMode;
}

I jest to sposób użycia:

if (browser == 'IE' && ieVersion <= 9) 
    document.documentElement.className += ' ie9-';

.

Działa we wszystkich wersjach IE, w tym w wyższych wersjach w widoku/trybie niższej zgodności, a {[2] } jest własnością IE.

Jeśli chcesz usunąć wersję przeglądarki IE, możesz wykonać poniższy kod. Ten kod działa dobrze dla wersji IE6 do IE11

<!DOCTYPE html>
<html>
<body>

<p>Click on Try button to check IE Browser version.</p>

<button onclick="getInternetExplorerVersion()">Try it</button>

<p id="demo"></p>

<script>
function getInternetExplorerVersion() {
   var ua = window.navigator.userAgent;
        var msie = ua.indexOf("MSIE ");
        var rv = -1;

        if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer, return version number
        {               
            if (isNaN(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))))) {
                //For IE 11 >
                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);
                        alert(rv);
                    }
                }
                else {
                    alert('otherbrowser');
                }
            }
            else {
                //For < IE11
                alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
            }
            return false;
        }}
</script>

</body>
</html>

Uruchomienie okna IE10 będzie automatyczną aktualizacją do IE11+ i będzie znormalizowane W3C

Teraz nie musimy wspierać IE8 -

    <!DOCTYPE html>
    <!--[if lt IE 9]><html class="ie ie8"><![endif]-->
    <!--[if IE 9]><html class="ie ie9"><![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--><html><!--<![endif]-->
    <head>
        ...
        <!--[if lt IE 8]><meta http-equiv="Refresh" content="0;url=/error-browser.html"><![endif]--
        ...
    </head>

var isIE9OrBelow = function()
{
   return /MSIE\s/.test(navigator.userAgent) && parseFloat(navigator.appVersion.split("MSIE")[1]) < 10;
}

if (!document.addEventListener) {
    // ie8
} else if (!window.btoa) {
    // ie9
}
// others