1. #1

    Statü
    Grubu
    Site sahibi
    İş
    Matematik Öğretmeni

    Sponsorlu Bağlantılar

    WURFL ile Mobil cihazları tespit edip mobil tasarıma yönlendirme | Javascript

    Responsive yapıya sahip bir web siteniz yoksa ve mobil girişleri tespit edip sitenize gelen ziyaretçileri farklı bir tasarıma yönlendirmek istiyorsanız bunu yapmanın bir çok yolu var; htaccess, css, php, asp....

    Ancak basit çözümler verimliliği sağlayamabiliyor.


    WURFL'ın geniş cihaz veritabanı ile bu soruna kapsamlı çözüm bulabilirsiniz.

    WURFL teknolojisi


    WURFL'ın bir çok farklı sektöre çözümler sunuyor. Konumuzda bahsettiğimiz mobil tasarıma yönlendirme işini WURFL veritabanı kullanarak mükemmel şekilde yapabiliyoruz.

    İşin en güzel tarafı ise tablet/telefon ayrımını yapma imkanını sunması. Bu ayrımı kendi yazacağımız php, asp, htaccees kodları ile yapmak mümkün değil (tüm cihazların bilgilerinin elimizin altında olması gerekiyor). WURFL'ın en ihtiyaç duyulan özelliklerinde biri de bu bence.

    WURFL'ın büyük cihaz veritabanından yararlanmak için scientiamobile.com (WURFL) sitesinden ücretsiz cloud api alıp (ayda 5.000 sorgu), PHP, Java, C#, .NET, Python, Ruby, Node.js, Perl dillerinde hazırlanmış kodları sitenize entegre etmek. Ayrıca cihazların bir çok farklı özelliğini tespit edebilirsiniz.

    51degrees.com'da kapsamlı çözümler sunuyor(ücretsiz versiyonunda tablet/telefon ayrımı özelliği yok).

    WURFL.io |WURFL.js

    Sadece javascript ile bu işi yapabilmek bir WURFL.io'deki wurfl.js (0,5 kb) ile sitenize gelen girişlerin cihaz isimlerini ve platform türlerini kolayca tespit edebilirsiniz. Buna göre yönlendirme yapabilirsiniz.

    WURFL.js ile cihaz tespiti ve yönlendirme

    site.com'a gelen ziyaretçiyi cihazı mobile ise (tablet veya telefonların hepsi) m.site.com subdomain'ine yönlendiriyor. Ayrıca istenilirse sadece telefonları istenilen sayfaya da yönlendirilebilir. Tabletler site.com'da kalabilir.


    Head içinde wurfl.js
    :
    <script type='text/javascript' src="http://www.wurfl.io/wurfl.js"></script>
    <script type="text/javascript">
             
    console.log(WURFL);
    if(WURFL.is_mobile){window.location = "http://m.site.com" ;}
    </script>
    WURFL.js Demo

    kontrol.html sayfasına girdiğinizde eğer tablet veya telefondan giriyorsanız mobilsayfa.html'ye yönlendirileceksiniz.

    Demo sayfası

  2. #2

    Statü
    Grubu
    Site sahibi
    İş
    Matematik Öğretmeni

    Sponsorlu Bağlantılar

    "User Agent" değiştirme (switcher)

    Yukarıda uygulamanın cihazları iyi ayırt edip etmediğini öğrenmek için bilgisayarınızın "User Agent" tanımlamasını değiştirebilirsiniz.

    Firefox eklentisini (User Agent Switcher) kurduktan sonra eklentinin seçenekler bölümünde "import" butonundan buradaki xml dosyasını yükleyin. Sitede sorun varsa xml'yi buradan yada buradan indirin. Sonra eklentideki "Mobil Devices > Devices" menüsünde bir çok farklı mobil cihaz seçeneğini kullanarak user agent bilginizi değiştirebilirsiniz.

    user agent değiştirme


 

  • Bu yazıyı beğenerek
    destek
    verebilirsiniz

    Foruma üye olmana gerek yok! Facebook hesabınla yorumlarını bekliyoruz!
  • Benzer konular

    1. Forum mobil teması yayında
      Admin, bu konuyu "Forum Yardımı" forumunda açtı.
      : 0
      : 23 Nis 2015, 13:17
    2. Php gzip ile javascript sıkıştırma
      Admin, bu konuyu "Web" forumunda açtı.
      : 0
      : 27 Kas 2010, 23:36
    Forum Kullanım ve Gizlilik Kuralları