Hovedproblemet med å bruke jquery for å sjekke om skjermstørrelsen er passende, er at den kan være unøyaktig.
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;
}
Denne koden sjekker om enheten er en mobil enhet eller ikke. Den starter med å sette isMobile til falsk. Deretter bruker den et regulært uttrykk for å sjekke brukeragentstrengen til navigatoren. Hvis den finner en match, setter den isMobile til sann.
Skjermegenskaper i jQuery
Det er noen få egenskaper du kan bruke til å kontrollere hvordan skjermen ser ut i jQuery.
bredde og høyde: Disse egenskapene angir bredden og høyden på skjermen, i piksler.
orientering: Du kan bruke denne egenskapen til å angi om skjermen er stående eller liggende.
display: Denne egenskapen spesifiserer om skjermen skal vises som et fullskjermsvindu eller ikke.
Hva er jQuery
jQuery er et JavaScript-bibliotek som hjelper deg med å lage dynamiske, responsive nettsteder. Den inkluderer funksjoner for å håndtere hendelser, animere elementer og lage Ajax-interaksjoner.
