Selesai: jquery semak jika saiz skrin

Kemaskini terakhir: 09/11/2023

Masalah utama dengan menggunakan jquery untuk memeriksa sama ada saiz skrin sesuai ialah ia boleh menjadi tidak tepat.

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

Kod ini sedang menyemak sama ada peranti itu peranti mudah alih atau tidak. Ia bermula dengan menetapkan isMobile kepada false. Kemudian, ia menggunakan ungkapan biasa untuk menyemak rentetan ejen pengguna navigasi. Jika ia menemui padanan, maka ia menetapkan isMobile kepada benar.

Sifat skrin dalam jQuery

Terdapat beberapa sifat yang boleh anda gunakan untuk mengawal rupa skrin anda dalam jQuery.

lebar dan tinggi: Sifat ini menetapkan lebar dan tinggi skrin, dalam piksel.

orientasi: Anda boleh menggunakan sifat ini untuk menentukan sama ada skrin adalah mod potret atau landskap.

paparan: Sifat ini menentukan sama ada skrin perlu dipaparkan sebagai tetingkap skrin penuh atau tidak.

Apakah itu jQuery

jQuery ialah perpustakaan JavaScript yang membantu anda mencipta tapak web yang dinamik dan responsif. Ia termasuk ciri untuk mengendalikan acara, elemen animasi, dan mencipta interaksi Ajax.

Related posts: