JavaScript ile iPad, iPhone, iPod aygıtını algılamak

Merhabalar öncelike,

İzmir’deyim…Mayıs ayındayız ama hava hala kapalı gibi biraz. Umarım hafta sonu da bu şeklide olur da, Meloşumla haftasonu trekking yapabiliriz. Kapalı -özellikle yağmurlu- havalarda yürüyüş yapmanın, trekking’in çok ayrı bir tadı oluyor, çok seviyoruz biz 🙂

Asıl konumuza gelelim, bir web sitesi yaptınız ve bu web sitesinin de iPad aygıtlarında (aynı zamanda iPhone, belki de iPod?) sorunsuz çalışabilmesini istiyorsunuz. Belki iPad aygıtları için farklı bir versiyonunu hazırladınız web sitenizin ancak iPad kullanıcılarını bu web sitenize nasıl yönlendireceğinizi bilmiyorsunuz? İşte size bir çözüm yolu…JavaScript ile…

Aşağıdaki JavaScript kodunu kullanarak iPad kullanan ziyaretçilerinizi kolayca iPad uyumlu bir web sitesine (kendi web sitenizin iPad uyumlu versiyonu mesela) yönlendirmeniz mümkün arkadaşlar.

<script type="text/javascript">
	if (navigator.userAgent.indexOf('iPad') != -1) {
		document.location = "http://www.ahmetbutun.com.tr/ipad.html";
	}
</script>

yazmanız yeterli. Hatta biraz daha ilgi çekici hale getirelim kodumuzu ve iPhone, iPod aygıtları için de aynı sayfaya yönlendirelim kullanıcılarımızı.

<script type="text/javascript">
	if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
		document.location = "http://www.ahmetbutun.com.tr/ipad.html";
	}
</script>

hepsi bu kadar basit.

İyi kodlamalar hepinize.

, ,

2 Responses to JavaScript ile iPad, iPhone, iPod aygıtını algılamak

  1. BARIS 04 Ağustos 2011 at 3:10 PM #

    Arkadasim, bu scripti serverdaki ana index.html ye mi ekliycez ???

    • Ahmet BÜTÜN 04 Ağustos 2011 at 6:52 PM #

      Selam Barış,

      Bu kodu dilersen yalnızca tek bir HTML dosyası içerisinde de kullanabilirsin, dilersen de (ki bence daha uygun olanı) global bir JavaScript dosyası oluşturup bu kontrolü bu dosya içerisinde yapman. Daha sonra bu JavaScript dosyasını, bu kontrolü yapmak istediğin herhangi bir HTML dosyası içerisinde kullanman. Kodların yönetimi ve organizasyonu açısından da uygun olur.

Bir cevap yazın

Font Resize