jquery调整窗口大小和移动检测答案

【问题标题】：jquery resize window and mobile detectjquery调整窗口大小和移动检测
【发布时间】：2013-08-25 04:25:52
【问题描述】：

如何同时使用移动侦测和窗口调整？例如我有这段代码

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
}

我想写一些与上面类似的东西，但检查浏览器是否是移动的，或者窗口是否调整大小加上窗口宽度小于 480 像素。例如将下面的代码与上面的代码结合起来。

 $(window).resize(function() {
      if ($(window).width() < 480) {
         }else{}
 });

【问题讨论】：

标签： jquery mobile resize

【解决方案1】：

如果我正确理解了这个问题，您应该可以简单地这样做：

$(window).resize(function() {
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) || $(window).width() < 480 ){
    //do this
    }else{
    //do something else
    }
}

或者，您可以在 dom 初始化之前将用户代理存储在变量中：

var isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
$(document).ready(function() {
     $(window).resize(function() {
         if ($(window).width() < 480 || isMobile) {
         // handle less than 480
         }else{
         //handle else
         }
     });
});

【讨论】：

但是如果它在调整大小函数中，移动设备会检测到工作吗？因为移动检测不需要调整窗口大小。
是的，它仍然可以工作，因为 navigator 是一个全局可用的变量。任何一个选项都应该满足您的需求。