Загрузка и выполнение скриптов только в поддерживаемых браузерах?

Question

Извините, это почти наверняка дубликат, но я искал StackOverflow и не смог найти ответ. Надеюсь, если я сформулирую это в самых общих терминах, я могу, это поможет кому-то еще в будущем.

Я включаю некоторые скрипты на своей веб-странице, которые отлично работают в Chrome/FF/Opera/Safari/IE9, но не совместимы с IE8 или ниже (для информации, это потрясающий D3.js).

Как я могу использовать, чтобы страница не удалась изящно в IE < 9?

В идеале я предпочел бы для IE < 9 пользователей

• не загружать D3.js внешние скрипты на всех и
• , чтобы показать им сообщение «К сожалению, это не будет работать для вас» в мой сценарий страницы, вместо того, чтобы пытаться использовать библиотеки D3 и вызывать ошибку JavaScript.

Текущий код в HTML-странице:

<script type="text/javascript" src="/js/d3.js"></script> 
<script type="text/javascript" src="/js/mylocal.js"></script> 

И в файле JavaScript, от открытия линии:

var vis = d3.select("#vis") 
.append("svg:svg") 
.attr("width", w) 
.attr("height", h) 
.append("svg:g"); 
// etc 

Как я должен изменить это, чтобы убедиться, что только браузеры, поддержка D3 будет загружаться и пытаться ее выполнить?

Answer 1

Вы должны использовать IE conditional comments:

<!--[if lt IE 9]> 
<p>Sorry, this won't work for you</p> 
<![endif]--> 

<!--[if gt IE 8]><!--> 
<script type="text/javascript" src="/js/d3.js"></script> 
<script type="text/javascript" src="/js/mylocal.js"></script> 
<!--<![endif]--> 

Answer 2

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

    if (msie > 0)  
     return parseInt(ua.substring(msie+5, ua.indexOf (".", msie))); // If Internet Explorer, return version number 
    else     
    return 10; // If another browser, return 10 
} 

if(getIEVersion() < 9){ 
    alert("Sorry, this won't work for you"); 
}else{ 
    <script type="text/javascript" src="/js/d3.js"></script> 
    <script type="text/javascript" src="/js/mylocal.js"></script> 
}