javascript - 根据用户代理加载 javascript 文件和 css 文件

Question

正如标题所示。

我有两个文件:一个是javascript文件，一个是css文件。如果 user-agent 是 iPad 我想加载这些文件 - 但只有当 user-agent 是 iPad 时。所以下面两行只有当用户代理是 iPad 时才会加载。我怎样才能做到这一点

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

Answer 1

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 header 中的任何内容。

引用资料:

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