1
<script src="jsv3/jquery.js"></script>
<!--<script src="jsv3/jquery.mobile-1.2.0.min.js"></script>-->

目前我只有桌面版的插入脚本,因为我发现声明两个jquery会发生错误。有没有办法检查设备类型并为相应的设备选择不同的 jquery 插件?谢谢

4

2 回答 2

2

有很多方法可以检测客户端。以下示例涉及userAgent检测客户端设备的类型。

 $(document).ready(function(e) {

        if(navigator.userAgent.match(/Android/i)
             || navigator.userAgent.match(/webOS/i)
             || navigator.userAgent.match(/iPhone/i)
             || navigator.userAgent.match(/iPad/i)
             || navigator.userAgent.match(/iPod/i)
             || navigator.userAgent.match(/BlackBerry/i)
             || navigator.userAgent.match(/Windows Phone/i)) {


          var file=document.createElement("link");
          file.setAttribute("rel", "stylesheet");
          file.setAttribute("type", "text/css");
          file.setAttribute("href", "css/alternate_css_file.css");
          document.getElementsByTagName("head")[0].appendChild(file);

          var file_2= document.createElement("script");
          file_2.setAttribute("type", "text/javascript");
          file_2.setAttribute("src", "js/alternate_js_file.js");
          document.getElementsByTagName("head")[0].appendChild(file_2);

    }

    });

这是检测客户端设备的通用解决方案。您可能必须为 iPad 等平板电脑客户端使用不同的 CSS。

于 2012-12-14T10:13:03.377 回答
1
if (navigator.userAgent=="<type>"){ //check your device type

  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }

高温高压

于 2012-12-14T10:14:29.327 回答