Hampir semua website saat ini telah memiliki versi mobile yang ditujukan bagi pengunjung dengan mobile browser seperti Opera Mini, dll. Web developer menyadari bahwa visitor pengguna mobile device semakin meningkat dari waktu ke waktu. Tidak heran, website seperti Facebook pun menyediakan subdomain m.facebook.com yang akan mengarahkan pengunjung ke versi mobile situs jejaring sosial tersebut.
Selain menggunakan subdomain sebagai detektor, web developer juga memanfaatkan user agent browser. Ketika sebuah halaman website di-request, maka script di dalamnya akan mendeteksi browser si pengguna. Jika browser yang digunakan adalah versi mobile, maka user tersebut akan diarahkan ke halaman versi mobile. Kaskus (m.kaskus.us) adalah salah satu website yang memakai cara ini.
Kedua cara di atas bisa dipadukan, tergantung kreativitas web developer. Facebook, misalnya. Jika anda mengakses m.facebook.com dari browser komputer, anda akan diarahkan ke facebook mobile. Begitu pula jika anda mengakses facebook.com menggunakan handphone, anda tetap diarahkan ke facebook mobile.
Kaskus lain lagi. Jika anda mengakses m.kaskus.us tidak melalui handphone melainkan langsung dari komputer, maka anda akan menerima pesan error bahwa halaman tersebut hanya bisa diakses melalui mobile browser. Sesaat kemudian anda akan di-redirect secara otomatis ke website utama kaskus.
Nah, artikel ini menjelaskan bagaimana cara melakukan simulasi mobile browser dengan memanfaatkan Safari untuk Windows. Nantinya kita akan mengakses website kaskus mobile tanpa harus menggunakan handphone atau mobile device lainnya.
Download dan Install Safari Browser
Kita akan memanfaatkan Developer Tools yang disediakan oleh Safari. Dengan melakukan sedikit konfigurasi, Safari versi Desktop ini akan berubah menjadi Safari versi Mobile yang berjalan di iPhone atau iPad, bahkan kita juga bisa mengubahnya menjadi browser lain seperti Opera Mini yang berjalan di handphone Nokia.
Ok, download Safari for Windows di sini. Setelah itu langsung diinstall saja seperti biasa. Tidak ada yang rumit dan spesial di bagian ini. Jadi tahap ini tidak perlu dibahas lagi.
Mengubah Safari Versi Desktop Menjadi Safari Versi Mobile
- Setelah proses instalasi selesai, jalankan Safari lalu klik ikon Gear yang terdapat di pojok kanan atas. Pilih Preferences.
- Pilih tab Advanced dan beri tanda centang pada boks “Show Develop menu in menu bar”. Close.
- Klik ikon Page di sebelah kiri ikon Gear, lalu sorot menu Develop > User Agent.
- Di sini akan muncul menu yang bisa anda pilih untuk simulasi Safari Mobile. Anda bisa memilih Safari Mobile yang berjalan di iPhone, iPod Touch ataupun iPad.
- Agar simulasi anda lebih sempurna, anda bisa menyembunyikan bookmarks dan tab bar. Caranya klik ikon Gear > Hide Bookmarks Bar. Ulangi sekali lagi untuk memilih Hide Tab Bar.
- Jangan lupa resize browser anda hingga kira-kira seukuran layar handphone yang anda inginkan.
Hasilnya, ketika saya membuka website Kaskus versi mobile, browser saya diperlakukan sebagai mobile browser tanpa pesan error seperti sebelumnya.
Bagaimana jika anda ingin memilih simulasi versi yang lain, misalnya untuk handphone Nokia dengan browser Opera Mini, atau PDA Windows Smart Phone dengan browser Microsoft Internet Explorer? : Begini caranya:
- Klik kembali ikon Page, kemudian sorot menu Develop > User Agent.
- Pada menu baru yang muncul, pilih Others… (opsi paling bawah).
- Akan tampil window popup Custom User Agent String. Di sini anda bisa memasukkan string user agent sesuai dengan device dan browser yang anda inginkan. Misalnya untuk Nokia N95 dengan browser Opera Mini, masukkan string berikut:
Opera/9.50 (J2ME/MIDP; Opera Mini/4.1.10781/298; U; en)
Untuk string user agent yang lain, silahkan baca artikel tentang User Agent ID Strings Untuk Browser Mobile di sini. Ok, selamat berkreasi.
22 May 2011 at 13:01
ke tkp dulu gan..
ijin sedot safarinya….
22 May 2011 at 23:44
silakan, gan…
1 February 2011 at 01:07
kalau pakai safari versi 3 bisa ya, mas? maaf nubie bertanya
1 February 2011 at 01:17
bisa aja kok, om…
31 January 2011 at 23:40
terima kasih atas informasinya, bang…
saya sedang mencari bahan kuliah
1 February 2011 at 00:26