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

Или, вы можете хранить агент пользователя в переменном до инициализации йота:

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