Как включить JavaScript для конкретного браузера?

Question

Включение листа CSS легко и хорошо работает с кодом ниже. Однако это не должно быть хорошим способом включить файл JavaScript, потому что я получаю сообщение об ошибке при просмотре его в iPad. Что-то о незамкнутом теге. Я предполагаю, что получаю вложенные теги, делая это таким образом. Что мне делать вместо этого?

<script type="text/javascript">
//Sniff out iPads
if (navigator.userAgent.indexOf('iPad') != -1) {
    document.write('<link rel="stylesheet" type="text/css" href="/styles/browser/ipad.css" media="screen, print" />');
    document.write('<script src="/scripts/ipad.js" type="text/javascript" />');
}
<script>

Answer 1

Для ipad.js вы можете обнаружить внутри javascript. Для CSS просто используйте условные комментарии (если вы поддерживаете старые версии IE) и атрибут media , чтобы исключить загрузку его в IE и других браузерах:

<!--[if !IE]>-->
<link rel="stylesheet" type="text/css" href="/styles/browser/ipad.css" media="only screen and (max-device-width: 480px)" />
<![endif]-->