Mobil Web Sayfalarınızda Javascript İle Android ve iPhone Cihaz Ayrımı Yapın

Mobil web sayfalarınızı hazırlarken Android ve iPhone cihazları kontrol ederek farklı özellikler eklemek istiyorsanız ihtiyacınız olan örnek javascript kodu aşağıdadır.

Örnek javascript kodu :

var agent=navigator.userAgent.toLowerCase();
//iphone
if (agent.indexOf('iphone') != -1) {
/* iphone için yapılacaklar buraya */

//android
}else{
/* android için yapılacaklar buraya */
}

Uygulamalı bir örnek vermek gerekirse :
Aşağıda verdiğim örnekte hazırlanan mobil sayfanın hem Android cihazlar (her dpi için) hem iPhone cihazlar için uygun çözünürlükte görüntülenmesi sağlamaktadır.

var agent=navigator.userAgent.toLowerCase();
//iphone
if (agent.indexOf('iphone') != -1) {
document.writeln('<meta name="viewport" content="width=480, user-scalable=yes" />');

//android
}else{
document.writeln('<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=2.0; minimum-scale=1.0; user-scalable=yes; target-densitydpi=240" />');
}