ユーザーエージェントに応じてjavascriptファイルとcssファイルを読み込む

タイトルのように。

私は二つのファイルを手に入れました:一つはJavascriptファイル、もう一つはcssファイルです。そしてもしユーザーエージェントがiPadなら私はそれらのファイルをロードしたい – しかしユーザーエージェントがiPadの時だけ。そのため、以下の2行はユーザーエージェントがiPadの場合にのみロードされます。どのように私はそれを達成できます

<link rel="stylesheet" href="/c/dropkick.css" type="text/css"/>
<script src="/s/jquery.dropkick-1.0.0.js" type="text/javascript"></script>
ベストアンサー
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);
}

あるいは、iPadのUser-Agentヘッダには何が含まれています。

参考文献:

> window.navigator.userAgent
> document.createElement
> node.appendChild

転載記事の出典を記入してください: ユーザーエージェントに応じてjavascriptファイルとcssファイルを読み込む - コードログ