Diselesaikan: jquery periksa apakah ukuran layar

Pembaharuan Terakhir: 09/11/2023

Masalah utama menggunakan jquery untuk memeriksa apakah ukuran layar sesuai adalah bahwa hal itu bisa tidak akurat.

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

Kode ini memeriksa apakah perangkat tersebut adalah perangkat seluler atau bukan. Ini dimulai dengan menyetel isMobile ke false. Kemudian, ia menggunakan ekspresi reguler untuk memeriksa string agen pengguna navigator. Jika menemukan kecocokan, maka set isMobile menjadi true.

Properti layar di jQuery

Ada beberapa properti yang dapat Anda gunakan untuk mengontrol tampilan layar Anda di jQuery.

lebar dan tinggi: Properti ini mengatur lebar dan tinggi layar, dalam piksel.

orientasi: Anda dapat menggunakan properti ini untuk menentukan apakah layar dalam mode potret atau lanskap.

tampilan: Properti ini menentukan apakah layar harus ditampilkan sebagai jendela layar penuh atau tidak.

Apa itu jQuery

jQuery adalah pustaka JavaScript yang membantu Anda membuat situs web yang dinamis dan responsif. Ini termasuk fitur untuk menangani acara, elemen animasi, dan membuat interaksi Ajax.

Pos terkait: