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

发布于 2024-11-26 19:20:25 字数 109 浏览 1 评论 0原文

我正在构建一个网站，我想在移动设备上使用 jQuery Mobile 执行 javascript，但由于并非所有桌面浏览器都支持 jQuery Mobile，但我希望附加普通的 jQuery。我该怎么做？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缪败 2024-12-03 19:20:25

这是在客户端执行此操作的一种方法：

<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>

Here is one way of doing it on the client:

<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>

回复收藏 0 原文

静谧 2024-12-03 19:20:25

也许构建一个可能的浏览器类型的枚举，然后针对 window.navigator.userAgent 进行测试？您可以使用 Modernizr 之类的库来测试功能，但这不会为您提供实际的浏览器类型。目前还没有 userAgent 属性来识别浏览器类别（桌面、平板电脑、移动设备等），因此您只能进行愚蠢的 UA 比较。

像 51 Degrees 这样的项目旨在简化此评估，但它们会产生隐性成本，即 51 Degrees 需要10 秒评估客户端浏览器并相应地重定向。当然，就您而言，您需要条件样式，而不是重定向。这表明 window.navigator.userAgent 检查可能适合 if(true) document.write('') 类型方法。