Mendeteksi Mobile Device pada Website dengan PHP

Untuk melakukan browsing di internet, kita tidak lagi harus menggunakan komputer yang tersambung ke jaringan internet, tetapi cukup dengan handphone atau gadget lain pun kita sudah bisa melakukan browsing. Website pun sekarang juga telah banyak yang menyediakan tampilan khusus untuk pengunjungnya yang menggunakan mobile device. Jadi tampilan website ini akan berbeda jika dikunjungi dengan menggunakan piranti yang berbeda(tampilan saat dikunjungi dengan komputer dan saat dikunjungi dengan mobile device berbeda).



Karena penasaran saia mencari - cari bagaimana supaya website bisa mendeteksi dengan apa dia diakses. Akhirnya ketemu juga caranya. Berikut cara mendeteksi pengaksesan website dari mobile, dengan PHP :
<?php
function mobileCSS() {
 $agent = $_SERVER['HTTP_USER_AGENT'];
 if(preg_match('/iPhone|Android|Blackberry/i', $agent)){
  echo "mobile.css";
 }
 else {
  echo "main.css";
 }
}
?>

<link rel="stylesheet" type="text/css" href="css/<?php mobileCSS(); ?>" media="screen" charset="utf-8" />
Source code PHP di atas adalah cara untuk mendeteksi apakah pengunjung web kita menggunakan mobile atau komputer. Jika pengunjung menggunakan mobile, maka kita akan menggunakan file css untuk mobile. Jika pengunjung memakai komputer biasa maka kita gunakan file css yang biasa.

(sumber : http://mobile.tutsplus.com/tutorials/html5/mobile-browser-detection)

0 comments:

Posting Komentar