Minggu, 11 Agustus 2013

Tools User Agent Switcher pada Web Browser untuk Mengetes Respon Web Mobile Page

Tools User Agent Switcher pada Web Browser untuk Mengetes Respon Web Mobile Page adalah alat pada Browser Web yang sangat berguna bagi anda programmer web atau desainer halaman web yang ingin mengetes suatu halaman web di berbagai browser milik perangkat mobile, misalnya Handphone atau Tablet.

Sekarang ini banyak web yang mampu melakukan deteksi browser sehingga mampu menampilkan tipe web dan content web yang sesuai dengan kapasitas dan spesifikasi yang dimiliki oleh Browser Web yang mengaksesnya.

Informasi tentang versi dan jenis Browser sering disebut User Agent. Daripada susah-susah mencoba menggunakan berbagai perangkat yang sebenarnya, misalnya Handphone Android, iPhone, iPad, Mac, Windows, lebih baik kita gunakan saja Tools yang dapat mensimulasikan perubahan User Agent agar kelihatan respon suatu web terhadap informasi User Agent tersebut.


Pada Firefox bisa digunakan sebuat tools add-ons yang dinamakan User Agent Switcher, dapat didownload disini.


Setelah terinstall dapat digunakan dengan meng-klik menu Tools-Default User Agent, kemudian pilih Tipe User Agent yang diinginkan, misalnya Jenis iPhone 3.0 maka ketika digunakan untuk mengakses Detik.com menjadi seperti ini :


Sedangkan penulis lebih memilih menggunakan Web Browser Google Chrome, karena di Browser ini ternyata sudah ada tools bawaan untuk mengganti User Agent. Pada Google Chrome Buka Menu Tools-Developer Tools (Alat-Alat Pengembang) :


Kemudian pada bagian pojok kanan bawah klik Logo Gerigi sehingga muncul Setting, klik Tab Overrides, Centang User Agent kemudian pilihlah jenis User Agent dari jenis-jenis perangkat yang tersedia, misalnya Android 2.3 Nexus :


Untuk mengetes kita coba buka Yahoo.com, hasilnya akan tampil halaman web Yahoo.com versi mobile


Karena penulis penasaran maka setelah semua perangkat yang ada dicoba dengan web detik.com dan yahoo.com, hasilnya sebagai berikut :

User Agent    => Mozilla/5.0 (Linux; U; Android 2.3.6; en-us; Nexus S Build/GRK39F) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
Browser Name  => Android 2.3 Nexus S
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (Linux; U; Android 4.0.2; en-us; Galaxy Nexus Build/ICL53F) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Browser Name  => Android 4 Galaxy Nexus
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (BlackBerry; U; BlackBerry 9900; en-US) AppleWebKit/534.11+ (KHTML, like Gecko) Version/7.0.0.187 Mobile Safari/534.11+
Browser Name  => Blackberry 9900
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (BB10; Touch) AppleWebKit/537.1+ (KHTML, like Gecko) Version/10.0.0.1337 Mobile Safari/537.1+
Browser Name  => Blackberry 10
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (MeeGo; NokiaN9) AppleWebKit/534.13 (KHTML, like Gecko) NokiaBrowser/8.5.0 Mobile Safari/534.13
Browser Name  => MeeGo Nokia N9
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5
Browser Name  => iPhone iOS 4
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (iPhone; CPU iPhone OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
Browser Name  => iPhone iOS 5
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (Android; Tablet; rv:14.0) Gecko/14.0 Firefox/14.0
Browser Name  => Firefox 14 Android Tablet
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (Android; Mobile; rv:14.0) Gecko/14.0 Firefox/14.0
Browser Name  => Firefox 14 Android mobile
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (Linux; Android 4.1.2; Nexus 7 Build/JZ054K) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.166 Safari/535.19
Browser Name  => Chrome Android Tablet
Web Detection => m.detik, m.yahoo

User Agent    => Mozilla/5.0 (Linux; Android 4.0.4; Galaxy Nexus Build/IMM76B) AppleWebKit/535.19 (KHTML, like Gecko) Chrome/18.0.1025.133 Mobile Safari/535.19
Browser Name  => Chrome Android Mobile
Web Detection => m.detik, m.yahoo.com

======================================

User Agent    => Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
Browser Name  => Firefox 4 Mac
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (Windows NT 6.1; rv:2.0.1) Gecko/20100101 Firefox/4.0.1
Browser Name  => Firefox 4 Windows
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (Macintosh; Intel Mac OS X 10.6; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
Browser Name  => Firefox 7 Mac
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (Windows NT 6.1; Intel Mac OS X 10.6; rv:7.0.1) Gecko/20100101 Firefox/7.0.1
Browser Name  => Firefox 7 Mac
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
Browser Name  => Internet Explorer 7
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)
Browser Name  => Internet Explorer 8 
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
Browser Name  => Internet Explorer 9 
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (iPad; CPU OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5
Browser Name  => iPad iOS4 
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
Browser Name  => iPad iOS5 
Web Detection => www.detik.com, www.yahoo.com

User Agent    => Mozilla/5.0 (PlayBook; U; RIM Tablet OS 2.1.0; en-US) AppleWebKit/536.2+ (KHTML, like Gecko) Version/7.2.1.0 Safari/536.2+
Browser Name  => Playbook 2.1 
Web Detection => www.detik.com, www.yahoo.com

Hasil tersebut penulis gunakan pada artikel selanjutnya untuk membuat Script PHP untuk Mendeteksi Web Browser Perangkat Mobile dengan User Agent Switcher sehingga bisa me-redirect ke halaman Web Versi Mobile.

Semoga bermanfaat

Tidak ada komentar:

Poskan Komentar