Загрузите файл javascript и файл css в зависимости от агента пользователя

как и в названии.

У меня есть два файла: один-файл javascript, а другой-файл css. И если user-agent-это iPad Я хочу загрузить эти файлы, но только когда user-agent для iPad. Поэтому ниже две строки загружаются только тогда, когда user-agent-это iPad. как я могу достичь этого?--2--> 

<link rel="stylesheet" href="/c/dropkick.css" type="text/css"/>
<script src="/s/jquery.dropkick-1.0.0.js" type="text/javascript"></script>
6
html javascript user-agent

2 ответов

if (navigator.userAgent.match(/iPad/i) != null){ // may need changing?
  var js = document.createElement('script');
  js.type = "text/javascript";
  js.src = "/s/jquery.dropkick-1.0.0.js";

  var css = document.createElement('link');
  css.type = "text/css";
  css.rel = "stylesheet";
  css.href = "/c/dropkick.css";

  var h = document.getElementsByTagName('head')[0];
  h.appendChild(js);
  h.appendChild(css);
}

или что бы там ни было в User-Agent заголовок для iPad.

ссылки:

10

можно использовать document.createElement создать link и script элементы, а затем добавьте их в документ (например, добавьте их в document.getElementsByTagName('head')[0] или подобные).

ответ здесь на SO предполагает, что вы можете dtect iPad, просто глядя на строку "ipad" на

2