Как загрузить script только в IE

Мне нужно, чтобы конкретный script запускался только в браузерах Internet Explorer!

Я пробовал это:

<!--[if IE]> 
<script></script>
<![endif]-->

К сожалению, это фактически останавливает загрузку script.

EDIT: для всех, кто спрашивает, зачем мне это нужно: IE делает прокрутку чрезвычайно нервной при использовании некоторых анимаций. Чтобы решить эту проблему, мне нужно реализовать script, который обеспечивает плавную прокрутку в IE. Я не хочу применять его к другим браузерам, так как они им не нужны, и этот script, хотя и делает более гладким прокрутку, делает его немного неестественным.

Ответы

Ответ 1

Мне любопытно, почему вам нужно настроить таргетинг на IE-браузеры, но следующий код должен работать, если это действительно то, что вам нужно сделать:

<script type="text/javascript">
    if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent))
        document.write('<script src="somescript.js"><\/script>');
</script>

Первая половина Regex (MSIE \d) предназначена для обнаружения Internet Explorer 10 и ниже. Вторая половина предназначена для обнаружения IE11 (Trident.*rv:).

Если строка пользовательского агента браузера соответствует этому шаблону, она добавит somescript.js к странице.

Ответ 2

Вы можете изменить этот script, чтобы запустить JavaScript, специфичный для IE:

var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number
  alert('IE ' + parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
else alert('otherbrowser');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Ответ 3

Если кто-то все еще рассматривает запуск Javascript, специфичного для IE, то этот код все еще работает, протестирован в IE (11) и браузерах не IE (Chrome, Firefox, Edge)

<script type="text/javascript">
    if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent))
        document.write('<script src="../nolng/js/ex1IE.js"><\/script>
        <script src="../nolng/js/ex2IE.js"><\/script>');
    else
        document.write('<script src="../nolng/js/ex1.js"><\/script>
       <script src="../nolng/js/ex2.js"><\/script>');
</script>

Ответ 4

Обнаружение функции - лучший подход - я рекомендую изучить Modernizr, чтобы постепенно улучшать ваше решение, когда устройства/браузеры могут его поддерживать.

Этот подход на основе CSS иногда срабатывает, в зависимости от того, для чего он вам нужен.

Поместите это в <head>

<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->

справочная статья - http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Ответ 5

Вы можете использовать javascript для обнаружения IE и вставить динамический script:

var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE ") != -1|| !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.setAttribute('src', 'YOUR_JS_SCRIPT.js');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('async', 'false');
    head.appendChild(script);
}

если вы можете использовать jQuery, вы можете использовать более короткий код:

if (ua.indexOf("MSIE ") != -1 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
    $.getScript('YOUR_JS_SCRIPT.js');
}

Решение найдено в этом сообщении Проверьте, использует ли пользователь IE с jQuery

Ответ 6

currentScript поддерживается во всех браузерах, кроме IE

<script>
    // self-invoked wrapper for scoping the 'document' variable
    !function( d ) {
        if( !d.currentScript ){
            var s = d.createElement( 'script' );
            s.src = 'ie.js';
            d.head.appendChild( s );
        }
    }(document)
</script>

Выше будет условно добавить файл сценария только для браузеров IE.

Ответ 7

@nderscore Наличие сценариев, исключающих IE, обязательно, если у вас есть JS, который был перенесен в ES5 с полифиллами для поддержки IE. Эти переданные файлы с полифилами намного больше, чем их источники ES6+. Использование источников ES6+ для браузеров не IE увеличит скорость загрузки страниц и производительность для браузеров не IE.