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

Question

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

  

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

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

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

Answer 1

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

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

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

Answer 2

我不建议使用JavaScript来检查设备。你在服务器端使用什么？我已经使用免费的PHP移动检测类取得了很大的成功。它也可以检测移动平板电脑或特定制造商。 iPad兼容。它也非常容易使用。然后，您可以根据该页面生成页面或重定向到特殊格式的移动网站。使用javascript是非常不可靠的，有些人可能会在浏览器中关闭它，但不太可能，但它发生了。如果你在服务器上这样做，你不必担心这样的事情。