Javascript ile Mobil Cihaz Algılama
Javascript 25 Haziran, 2018

Merhabalar. Bu yazımda html sayfamızı görüntüleyen cihazın mobil cihaz olduğunu nasıl anlayabiliriz sorusunun cevabını paylaşacağım.
Böylece mobil cihaza özgü tasarımlar ve ayarlamalar yapılabileceğiz.

Javascript kodumuza geçecek olursak;

 function detectmob() { 
 if (navigator.userAgent.match(/Android/i) 
 || navigator.userAgent.match(/webOS/i) 
 || navigator.userAgent.match(/iPhone/i) 
 || navigator.userAgent.match(/BlackBerry/i) 
 || navigator.userAgent.match(/Windows Phone/i) 
 ) { 
 return true;
 } 
 else 
 { 
    return false; 
 } 
} 

$(document).ready(function() {
    if(detectmob())
    {
       // mobil cihaz algılanırsa yapılacaklar
    }
    else
    {
       // mobil cihaz algılanmazsa yapılacaklar
    }
});

detectMob() metodu sayfa yüklenirken mobil cihaz algılanırsa true, algılanmazsa false değerini döndürür. if-else bloklarında javascript veya jquery ile html elementlerine müdahale edebiliriz, elementlere css classları atayıp silebiliriz vs.

Kodlamaya devam!


Benzer Yazılar

Yorumlar

Javascript ile Mobil Cihaz Algılama
Javascript 25 Haziran, 2018

Merhabalar. Bu yazımda html sayfamızı görüntüleyen cihazın mobil cihaz olduğunu nasıl anlayabiliriz sorusunun cevabını paylaşacağım.
Böylece mobil cihaza özgü tasarımlar ve ayarlamalar yapılabileceğiz.

Javascript kodumuza geçecek olursak;

 function detectmob() { 
 if (navigator.userAgent.match(/Android/i) 
 || navigator.userAgent.match(/webOS/i) 
 || navigator.userAgent.match(/iPhone/i) 
 || navigator.userAgent.match(/BlackBerry/i) 
 || navigator.userAgent.match(/Windows Phone/i) 
 ) { 
 return true;
 } 
 else 
 { 
    return false; 
 } 
} 

$(document).ready(function() {
    if(detectmob())
    {
       // mobil cihaz algılanırsa yapılacaklar
    }
    else
    {
       // mobil cihaz algılanmazsa yapılacaklar
    }
});

detectMob() metodu sayfa yüklenirken mobil cihaz algılanırsa true, algılanmazsa false değerini döndürür. if-else bloklarında javascript veya jquery ile html elementlerine müdahale edebiliriz, elementlere css classları atayıp silebiliriz vs.

Kodlamaya devam!


Benzer Yazılar

Yorumlar