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

jquery调整窗口和移动检测

1 个答案: