Detect Mobile Browser

Perkembangan Perangkat Mobile untuk bisa mengakses internet dan melakukan browsing kini telah menjadi trend dan mungkin akan beranjak menjadi kebutuhan. Seperti facebook.com yang menyediakan versi mobile di alamat http://m.facebook.com/ atau detik.com di http://m.detik.com sebagai versi mobile-nya.

Tentunya terdapat perbedaan content dan penyesuaikan design antara versi yang mobile dan desktop, karena pada versi mobile dimensi layarnya kecil jadi perlu disesuaikan.

Seperti pada detik.com atau facebook.com ketika user mengakses website mereka melalui mobil phone secara otomatis server melakukan redirect ke versi mobile, Hal itu terjadi karena server melakukan deteksi perangkat yang digunakan oleh user.

pada PHP untuk deteksi perangkat yang digunakan user dapat menggunakan variabel server HTTP_USER_AGENT, variabel PHP tersebut akan menghasilkan information seperti Browser dan Operation System yang digunakan oleh pengunjung.

echo $_SERVER['HTTP_USER_AGENT'];

Berikut ini adalah beberapa hasilnya

Web diakses dari Handphone Nokia 5300

Nokia5300/2.0(05.51)Profile/MDIP-2.0Configuration/CLDC-1.1

Web diakses dari Opera Mobile di OS Windows Mobile

Opera/9.5(Microsoft Windows;PPC;Opera Mobi/16277;U;en-GB)

Web diakses dari Firefox di OS Ubuntu

Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.1.9) Gecko/20100401 Ubuntu/9.10 (karmic) Firefox/3.5.9

Dari hasil diatas terlihat perbedaan informasi yang didapat, dari perbedaan itulah bisa ditangkap antar pengunjung yang berasal dari perangkat mobile dan desktop.

Berikut ini adalah caranya mendeteksi dari perangkat Nokia, Opera Mobile, Siemens, SonyErricsson

$user =  $_SERVER['HTTP_USER_AGENT']; 
$device = array('nokia','opera mobi','siemens','sonyericsson');

foreach($device as $val)
{
 $count = substr_count(strtolower($user),$val);
 if($count > 0)
 {
  header('location:http://m.webanda.com');
 } 
}

Cara kerja script diatas adalah bila ditemukan kata yang ada pada array $device maka akan diredirect ke http://m.webanda.com 

Untuk menambah daftar device dapat ditambahkan di elemen array $device, untuk melihat user agent dari berbagai perangkat mobile phones dapat dilihat di http://en.wikipedia.org/wiki/List_of_user_agents_for_mobile_phones

Bila malas membuat sendiri dapat menggunakan hasil karya orang lain seperti yang ada di http://detectmobilebrowsers.mobi/