Skip to main content

Cara Jalankan Web Pada Browser Mobile

Sekilas mengenal web mobile

Pembahasan sebelumnya telah dibahas mengenai pengenalan aplikasi web mobile menggunakan browser PC. Jenis aplikasi dalam perangkat mobile terbagi dalam aplikasi Native, Hybrid dan web mobile. kesetiap aplikasi mempunyai kelebihan dan kekurangan masing-masing.

baca : Native, Hybrid dan web mobilePada saat kita mencoba membuat aplikasi web mobile, pastinya kita memerlukan pengujian terlebih dahulu lewat browser. Pengujian ini dilakukan untuk melihat atau mengetes apakah tampilan nya sudah bagus atau tidak. postingan sebelumnya kita telah mencoba buat sebuah aplikasi dasar web mobile menggunakan framework jquery mobile.

baca : Belajar dasar jquery mobile

menjalankan aplikasi mobile masih menggunakan tampilan browser biasa, tampilan PC. Untuk pembahasan kali ini akan coba kita bahas tentang caranya menjalankan aplikasi web mobile di browser, sehingga aplikasi mobile yang kita buat langsung tampil halaman mobile nya bukan PC. Pembahasan akan kita praktekkan pada Browser Google Chrome, Firefox dan opera mobile.

Web Mobile pada Google Chrome

Untuk menjalankan aplikasi web mobile pada browser Google Chrome, kita perlukan aplikasi tambahan. Nama aplikasi atau Extension yang perlu ditambahkan pada google chrome namanya : Ripple Emulator. berikut cara instalasinya:

Note : Pastikan Koneksi internet tersambung

  • Bukalah bagian Chrome Extension, atau langsung ketik URL : chrome://extensions/ kemudian Klik : Get More Extension
Web Mobile Browser
Langkah 1
  • Kemudian tampilan berikut, ketikkan dikolom pencarian : Ripple Emulator
Web Mobile Browser
Langkah 2
  • Pilih bagian Ripple Emulator Beta dan tekan button : Add To Chrome
Web Mobile Browser
Langkah 3
  • Tunggu proses download dan instalasi berjalan.
  • jika instalasi nya dusah berhasil, cara jalankan nya sangatlah mudah, lihat icon Ripple di sudut browser, klik dan pilih : Enable
Web Mobile Browser
Langkah 4
  • Tampilan berikut adalah untuk memilih jenis emulator mobile yang kita inginkan, sebagai contoh saya pilih : Mobile Web Default
  • Sehingga akan menampilkan sebagai berikut:
Web Mobile Browser
Langkah 5
  • Silahkan berkreasi denga beberapa jenis pilihan mobile web yang ada.

Web Mobile pada Mozilla Firefox

Untuk menjalankan aplikasi web mobile di browser firefox, kita perlukan sebuah Add-on namanya : User-Agent-Switcher. berikut cara instalasi nya:

  • Buka browser firefox, kemudian pilih bagian add-on
Web Mobile Browser
Langkah 1
  • Lakukan pencarian ketikkan : User-Agent-Switcher
  • Setelah ditemukan, langsung saja klik install
Web Mobile Browser
Langkah 3
  • Setelah proses instalasi selesai, restart browser nya
  • cara menggunakan nya, mudah saja, pilih menu Tools- arahkan kursor, lihat gambar:
Web Mobile Browser
Langkah 5
  • coba ketikkan URL : http://m.facebook.com/

Web Mobile menggunakan opera mobile

Jika menggunakan Browser Google Chrome dan firefox ada kendala, gunakan saja aplikasi Oper Mobile Emulator untuk jalankan aplikasi web mobile secara mudah dan cepat. Aplikasi ini tersedia secara gratis,

Download Opera Mobile : Link

Silahkan pilih sesuai OS yang digunakan. Lakukan proses instalasi seperti biasanya sampai finish. Untuk menggunakan aplikasi opera mobile :

  • jalankan aplikasi nya via START
  • Pilihan berikut, silahkan pilih jenis mobile device yang diinginkan, sebagai contoh kita pilih : Sony Experia Ray ,kemudian klik luncurkan
Web Mobile Browser
Langkah 1

Web Mobile Browser

  • Kemudian akan menampilkan halaman browser dalam bentuk mobile web, silahkan coba ketikkan URL nya

Web Mobile Browser

Dari pembahasan diatas, sekarang untuk mencoba aplikasi web mobile jangan jalankan via browser PC biasa, namun gunakan saja Emulator yang telah kita install tersebut.

Kesimpulan Cara Jalankan Web Mobile pada Browser

  • Emulator web mobile berguna bagi para pengembang web mobile untuk mengujicoba langsung aplikasinya pada tampilan mobile
  • pada Google chrome bisa gunakan Extension : Riplle Emulator, Firefox : User-Agent-Switcher dan aplikasi Opera Mobile Emulator
  • Untuk kemudahan pengguna gunakan saja Oper Mobile Emulator (Rekomendasi), karena penggunaan nya yang lebih mudah dan simpel.

Demikian semoga bermanfaat.

Facebook Comments

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com

More Posts - Website

Follow Me:
TwitterFacebookYouTube

Ridwan, SST

Seorang Tenaga Pengajar Yang Kebetulan Suka Menulis Dan Membuat Tulisan Melalui Blog Web. CP : 0852 7747 2958 E-mail : awanpijay@rocketmail.com