Javascript İle Mobil Siteye Yönlendirmek

Eğer mobil siteniz ile normal sitenizin adresi farklı ise yönlendirme yapmanız gerekiyor. Tabi ki temanızın responsive olması sizin açınızdan daha faydalı olur. Günümüzde mobil uyumluluğun ne kadar önemli olduğunu biliyorsunuzdur zaten. Şimdi koda geçelim.

var path = window.location.href;
var res = path.replace("http://", "http://m.");

function detectmob() {
   if(window.innerWidth <= 800 || window.innerHeight <= 600) {
     return true;
   } else {
     return false;
   }
}

if (detectmob()){
    $(location).attr('href',res);
}

var path = window.location.href;

var res = path.replace("http://", "http://m.");

function detectmob() {

if(window.innerWidth <= 800 || window.innerHeight <= 600) {

return true;

} else {

return false;

}

if (detectmob()){

$(location).attr('href',res);

}

Şimdi kodumuzu açıklayalım. İlk satırda tarayıcımızda açık olan linki alıyoruz. İkinci satırda ise bu linki replace fonksiyonu ile değiştirdik. Ondan sonra ise basit bir fonksiyonumuz var. Bu fonksiyonda tarayıcı çözünürlüğünü kontrol ediyoruz. 800 ve 600 değerlerini istediğiniz gibi değiştirebilirsiniz. Eğer bu koşullara uyarsa jquery ile mobil siteye yönlendiriyor. Kod aslında gayet basit ama şunu da belirteyim , bu kod tarayıcı çözünürlüğüne göre çalışır yani kullanıcı bilgisayardan girip tarayıcı penceresini küçültürse yine mobil siteye yönlendirir.