Javascript ile Mobil/Masaüstü Siteye Yönlendirme

Yaptığımız sitelerde mobil uyumlu tasarımları genelde m veya m ile başlayan subdomainlere koymaktayız.

Siteye girdiğimizde otomatik olarak masaüstü/mobil olduğunu anlayarak bizi gereken kısma yönlenmesini gerektirecek javascript kodu aşağıdaki gibidir.

Burada eğer mobilden giriyorsa sitenizin mobil kısmına yönlendirdiği gibi, pcden mobile kısmına giriyorsa masaüstü bölümüne yönlendirecek kod mantığı bulunmaktadır.

<script type="text/javascript">
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\s ce|palm/i.test(navigator.userAgent.toLowerCase()))
 
var parts = location.hostname.split('.');
var subdomain = parts.shift();

if(mobile){
	document.location="http://m.siteniz.com";
} else if ( !mobile && subdomain == 'm' ){
	document.location="http://m.siteniz.com";
}
</script>

Paylaş: