zmena veľkosti okna a detekcie mobilných zariadení - jquery, mobil, zmena veľkosti

Ako používať mobilnú detekciu a zmenu veľkosti okna súčasne? Napríklad mám tento kúsok kódu

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

a chcem napísať niečo podobnévyššie, ale skontrolujte, či je prehliadač mobilný alebo či je veľkosť okna plus šírka okna menšia ako 480 pixelov. napr. na skombinovanie nižšie uvedeného kódu s vyššie uvedeným kódom.

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

odpovede:

Ak rozumiem otázke správne, mali by ste to urobiť jednoducho:

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

Alebo by ste mohli uložiť užívateľského agenta do premennej pred inicializáciou 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
}
});
});