Статьи

5+ способов проверить версию IE, используя JavaScript / jQuery

Январь 23, 2019

Хорошо, я подумал, что соберу все известные мне методы проверки версии Internet Explorer с использованием JavaScript и jQuery . Мы все любим удовлетворять потребности IE, поэтому, если кто-нибудь знает какие-либо другие способы облегчения поддержки версий IE, пожалуйста, поделитесь, и я включу в список. Hawt-сопение …

Базовая проверка для IE с использованием JavaScript 

//check for IE7
if(navigator.appVersion.indexOf("MSIE 7.")!=-1)

Проверьте версию IE с помощью Moderizer

Moderizer предоставляет нам отличный способ определения поддерживаемых функций браузера и, как вы можете видеть ниже, добавляет версию для IE. 

 //check for IE8 or less
if ($('html').hasClass('lt-ie8');

//example of HTML tag populated by modernizer
<html class=" lt-ie9 lt-ie8 js no-flexbox no-canvas no-canvastext no-webgl no-touch no-geolocation postmessage no-websqldatabase no-indexeddb no-hashchange no-history draganddrop no-websockets no-rgba no-hsla no-multiplebgs no-backgroundsize no-borderimage no-borderradius no-boxshadow no-textshadow no-opacity no-cssanimations no-csscolumns no-cssgradients no-cssreflections no-csstransforms no-csstransforms3d no-csstransitions fontface no-generatedcontent no-video no-audio no-localstorage no-sessionstorage no-webworkers no-applicationcache no-svg no-inlinesvg no-smil no-svgclippaths" sizset="false" sizcache032866541369794594="704 34 0">

Проверьте IE, используя jQuery <1.9

$ .browser устарел, так как jQuery 1.9 этот метод не будет работать. 

 //check for IE8 or less
if($.browser.msie && parseFloat($.browser.version)&lt;8){//do other stuffreturn;}

CSS скрипт условного внедрения

Короткий фрагмент кода для обнаружения версий IE в JavaScript без обращения к пользовательскому агенту. Здорово. 

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

Источник: https://gist.github.com/padolsey/527683

Проверьте IE10, используя JavaScript

Браузер агент сниффер. 

 (function() {
  "use strict";
  var tmp = (document["documentMode"] || document.attachEvent) && "ev"
       , msie = tmp 
                  && (tmp = window[tmp + "al"])
                  && tmp("/*@cc_on 1;@*/")
                  && +((/msie (d+)/i.exec(navigator.userAgent) || [])[1] || 0)
  ;
  return msie || void 0;})();

Основные условия HTML

Обычный метод, который вы, возможно, видели ваш HTML. 

 <!--[if IE 7 ]> <div id="system" class="ie7"> < ![endif]-->
<!--[if IE 7]> <script type="text/javascript"> $('#system').addClass('ie7'); </script> < ![endif]-->

Пожалуйста, поделитесь, если вы знаете больше методов, подводных камней и других наблюдений, чтобы помочь нам бороться с IE.

35
Share: