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

Question

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

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{}
 });

Answer 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
         }
     });
});