在移动浏览器上运行 jQuery，而不是在桌面浏览器上运行答案

【问题标题】：Running jQuery on a mobile browser but not on a desktop browser在移动浏览器上运行 jQuery，而不是在桌面浏览器上运行
【发布时间】：2012-04-11 10:37:43
【问题描述】：

如何为手机浏览器而不是桌面浏览器运行 jQuery 脚本？我计划使用手风琴功能（扩展/收缩）在移动浏览器上显示内容，但想在桌面上显示扩展内容。我这样做是为了利用桌面和移动设备上的屏幕空间。

【问题讨论】：

谢谢！我使用 JavaScript 来测量屏幕宽度（screen.width），然后相应地展开或折叠内容。我不确定将来使用这种技术会遇到什么问题。
没问题老兄，即使那不是响应式编码；}

标签： jquery html

【解决方案1】：

如果你使用的是 asp，你可以使用类似的东西

<% if (Context.Request.Browser.IsMobileDevice) { %>
    <script src="/iosScript.js" type="text/javascript"> </script>
<% } else { %>
    <script src="/normalScript.js" type="text/javascript"> </script>
<% } %>

【讨论】：

谢谢！由于我不会使用 ASP 或 PHP，所以我决定使用 JavaScript 来测量屏幕宽度（screen.width），然后相应地展开或折叠内容。

【解决方案2】：

这个脚本有点长，但它可以工作。您可以将您的 javasript 标签放在 if 移动浏览器标签中：

http://mobiforge.com/developing/story/lightweight-device-detection-php

【讨论】：

谢谢！由于我不会使用 ASP 或 PHP，所以我使用 JavaScript 来测量屏幕宽度（screen.width），然后相应地展开或折叠内容。我不确定将来使用这种技术会遇到什么问题。

【解决方案3】：

在 javascript 中还有另一种方式是

    var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
    if (mobile) {  
        //do something
    }

http://jsfiddle.net/hsFfa/

【讨论】：