Как загрузить разные библиотеки JavaScript в зависимости от браузера?

Question

У меня есть библиотека, которая не работает в IE, к сожалению, потому что IE не поддерживает обещания и другие функции html5.Я хочу сохранить эту библиотеку для Chrome и Firefox, но использую другую для IE.Как я могу разделить два типа следующим образом:

<!--[if IE]>
<script type="text/javascript" src="/myielib.min.js"></script>
<![else]>
<script type="text/javascript" src="/mychromelib.min.js"></script>
<![endif]-->

Очевидно, что условное форматирование работает только в> браузерах IE9, но я хотел что-то похожее на это.

Answer 1

Вы можете динамически создавать сценарии, такие как:

<script>
  var element=document.createElement('script');


  if(ie){
     element.setAttribute('src', 'ieSrc');
   }else{
     element.setAttribute('src', 'otherSrc');
   }
   document.getElementById("...").appendChild(element);
  </script>

Answer 2

вы можете использовать функции обнаружения браузера при загрузке страницы:

function BrowserDetection() {
    //Check if browser is IE
    if (navigator.userAgent.search("MSIE") & gt; = 0) {
        // insert conditional IE code here
    }
    //Check if browser is Chrome
    else if (navigator.userAgent.search("Chrome") & gt; = 0) {
        // insert conditional Chrome code here
    }
    //Check if browser is Firefox 
    else if (navigator.userAgent.search("Firefox") & gt; = 0) {
        // insert conditional Firefox Code here
    }
    //Check if browser is Safari
    else if (navigator.userAgent.search("Safari") & gt; = 0 & amp; & amp; navigator.userAgent.search("Chrome") & lt; 0) {
        // insert conditional Safari code here
    }
    //Check if browser is Opera
    else if (navigator.userAgent.search("Opera") & gt; = 0) {
        // insert conditional Opera code here
    }
}

Источник: https://www.learningjquery.com/2017/05/how-to-use-javascript-to-detect-browser