Ekran boyutunun uygun olup olmadığını kontrol etmek için jquery kullanmanın temel sorunu, yanlış olabilmesidir.
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;
}
Bu kod, cihazın bir mobil cihaz olup olmadığını kontrol ediyor. isMobile'ı false olarak ayarlayarak başlar. Ardından, gezginin kullanıcı aracısı dizesini kontrol etmek için normal bir ifade kullanır. Bir eşleşme bulursa isMobile'ı true olarak ayarlar.
jQuery'deki ekran özellikleri
Ekranınızın jQuery'de nasıl görüneceğini kontrol etmek için kullanabileceğiniz birkaç özellik vardır.
genişlik ve yükseklik: Bu özellikler, ekranın genişliğini ve yüksekliğini piksel cinsinden ayarlar.
oryantasyon: Ekranın dikey mi yoksa yatay mı olduğunu belirtmek için bu özelliği kullanabilirsiniz.
display: Bu özellik, ekranın tam ekran pencere olarak görüntülenip görüntülenmeyeceğini belirtir.
JQuery nedir
jQuery, dinamik, duyarlı web siteleri oluşturmanıza yardımcı olan bir JavaScript kitaplığıdır. Olayları işlemek, öğeleri canlandırmak ve Ajax etkileşimleri oluşturmak için özellikler içerir.
