Riješeno: jquery provjeri veličinu ekrana

Posljednje ažuriranje: 09/11/2023

Glavni problem s korištenjem jqueryja za provjeru da li je veličina ekrana odgovarajuća je taj što može biti netačna.

 is mobile

var isMobile = false; //initiate as false
// device detection
if(/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo||midp||mmp||netfront||opera m(ob|in)i||palm( os)?||phone||p(ixi|re)/8.0.+mobile.+firefox/i.test(navigator.userAgent)){ 
    isMobile = true;
}

Ovaj kod provjerava je li uređaj mobilni uređaj ili ne. Počinje postavljanjem isMobile na false. Zatim koristi regularni izraz za provjeru stringa korisničkog agenta navigatora. Ako pronađe podudaranje, postavlja isMobile na true.

Svojstva ekrana u jQueryju

Postoji nekoliko svojstava koja možete koristiti da kontrolirate kako vaš ekran izgleda u jQueryju.

širina i visina: Ova svojstva postavljaju širinu i visinu ekrana, u pikselima.

orijentacija: možete koristiti ovo svojstvo da odredite da li je ekran portret ili pejzaž.

display: Ovo svojstvo određuje da li ekran treba da se prikazuje kao prozor preko celog ekrana ili ne.

Šta je jQuery

jQuery je JavaScript biblioteka koja vam pomaže da kreirate dinamične web stranice koje odgovaraju. Uključuje funkcije za rukovanje događajima, animiranje elemenata i kreiranje Ajax interakcija.

Slični postovi: