如何删除响应式移动设备的脚本答案

【问题标题】：How do I remove scripts for responsive mobile如何删除响应式移动设备的脚本
【发布时间】：2012-07-05 08:19:56
【问题描述】：

我有一个 plugin.js，它结合了我所有的插件，用于我的响应式构建。这个 plugin.js 对于移动设备来说是不必要的笨重。我想创建 2 个 plugin.js 来在移动设备或桌面设备之间切换。

减少移动脚本开销的最佳做法是什么？

示例：我有一个用于桌面查看的复杂 jQuery 滑块，但我希望该脚本不要为移动设备加载。

对于这个项目，我将使用： HTML5、Wordpress、jQuery、Modernizr。

【问题讨论】：

有关从 JavaScript 中检测移动浏览器的方法，您应该查看一些对这个问题有帮助的答案：stackoverflow.com/questions/3514784/…

标签： javascript jquery wordpress html responsive-design

【解决方案1】：

我不建议使用 JavaScript 来检查设备。您在服务器端使用什么？我已经成功使用了免费的 PHP 移动检测类。它也可以检测移动平板电脑或特定制造商，例如。平板电脑。它也超级容易使用。然后，您可以根据该页面生成页面或重定向到特殊格式的移动网站。使用 javascript 非常不可靠，有些人可能会在浏览器中将其关闭，这不太可能，但它确实发生了。如果您在服务器上执行此操作，则不必担心类似的事情。

【讨论】：

【解决方案2】：

这取决于您对移动设备的定义。如果所有设备都低于某个宽度，您可以对其进行测试，然后使用 if 语句阻止脚本运行。

$(function(){
    var mobile;
    if (window.width < 481) {
        mobile = 1; 
    }

    if (!mobile) {
    // All your stuff.
    }
});

【讨论】：

检测移动设备的最佳做法是什么？视网膜显示器呢？这么多因素我觉得我会遗漏一些东西......这种情况有最佳实践吗？
不幸的是，为移动设备构建时的“最佳实践”似乎还有待商榷。