Javascript 如何在桌面上显示时附加普通jQuery，在移动设备上显示时附加jQuery Mobile？_Javascript_Jquery_Mobile_Jquery Mobile_Desktop

Javascript 如何在桌面上显示时附加普通jQuery，在移动设备上显示时附加jQuery Mobile？

javascript jquery mobile jquery-mobile

Javascript 如何在桌面上显示时附加普通jQuery，在移动设备上显示时附加jQuery Mobile？,javascript,jquery,mobile,jquery-mobile,desktop,Javascript,Jquery,Mobile,Jquery Mobile,Desktop,我正在构建一个网站，我希望在移动设备上使用jQuery Mobile来执行javascript，但由于并非所有桌面浏览器都支持jQuery Mobile，因此我希望附加普通的jQuery。如何执行此操作？您必须在服务器上测试浏览器请求头（用户代理），然后相应地绑定框架： e、 g.见用户代理：Mozilla/5.0（Windows；U；Windows NT 6.1；de；rv:1.9.2.18）Gecko/20110614 Firefox/3.6.18 <html> <

我正在构建一个网站，我希望在移动设备上使用jQuery Mobile来执行javascript，但由于并非所有桌面浏览器都支持jQuery Mobile，因此我希望附加普通的jQuery。如何执行此操作？

您必须在服务器上测试浏览器请求头（用户代理），然后相应地绑定框架：

e、 g.见

用户代理：Mozilla/5.0（Windows；U；Windows NT 6.1；de；rv:1.9.2.18）Gecko/20110614 Firefox/3.6.18

<html>
    <head>
        <script type="text/javascript">
              function isMobileDevice() {
                var index = navigator.appVersion.indexOf("Mobile");
  return (index > -1);
              }
              function loadJQuery() {
                if(isMobileDevice())
                     document.write("<script type='text/javacript src='"+path_to_mobile_jquery+"'></script>");
                else
document.write("<script type='text/javacript src='"+path_to_normal_jquery+"'></script>");
              }
        </script>
    </head>
    <body onload="loadJQuery();">
      <!-- Content -->
    </body>
</html>


函数isMobileDevice（）{
var index=navigator.appVersion.indexOf（“移动”）；
返回（索引>-1）；
}
函数loadJQuery（）{
if（isMobileDevice（））
文件。填写（“”）；
}

也许可以建立一个可能的浏览器类型的枚举，然后针对

window.navigator.userAgent

进行测试？您可以使用类似于测试功能的库，但这无法获得实际的浏览器类型。还没有（尚未）userAgent道具来识别浏览器类别（台式机、平板电脑、移动设备等），所以你只能做一个愚蠢的UA比较

像这样的项目旨在简化这种评估，但它们会产生隐藏成本——即，51度需要10秒以上的时间来评估客户端浏览器并相应地重定向。当然，在您的例子中，您需要的是条件样式，而不是重定向。这表明

window.navigator.userAgent

检查可能适用于

if（true）文档。write（“”）

类型方法