Senin, Desember 17, 2018

jQuery Mobile (02): Cara Memasang Ripple Emulator di Google Chrome

jQuery Mobile Tutorial Web

Sebelumnya sudah dibahas tentang pengantar aplikasi web mobile, berisi sebuah contoh kode program struktur dari dokumen web mobile menggunakan jQuery Mobile. Juga telah disediakan paket jQuery Mobile yang bisa di download sebagai bahan belajar. Pada paket tersebut ada sebuah file contoh kerangka halaman web mobile dengan tipe file php.

Aplikasi pendukung

Oleh karena tipe file yang digunakan adalah php, maka diperlukan web server agar file tersebut dapat dijalankan. Silahkan download web server portabel bernama Server2Go. Petunjuknya ada pada tulisan tersebut.

Ripple Emulator

Ripple Emulator adalah extension pada Google Chrome yang akan digunakan untuk mengubah tampilan agar disimulasikan pada perangkat mobile. Hasilnya akan terlihat sama seperti diakses menggunakan perangkat mobile sungguhan.

Instalasi Ripple Emulator

Untuk memasang extension ini di Google Chrome silahkan ikuti langkah-langkah berikut.

Satu. Buka Google Chrome, kemudian klik icon options menu di ujung kanan atas, pilih Settings.

Instalasi Ripple Emulator, Options Menu, Settings

Dua. Pilih menu Extensions yang ada di panel kiri, selanjutnya klik link “Get more extensions” di bagian bawah halaman.

Instalasi Ripple emulator, Extensions

Tiga. Pada kotak pencarian, ketik saja “ripple emulator” dan tekan enter, akan ditampilkan beberapa hasil pencarian. Jika sudah ada Ripple Emulator (Beta), klik tombol ADD TO CHROME untuk memasang extension ke Google Chrome.

Selanjutnya →

Halaman : 1 2 3

Mari sebarkan manfaat kepada orang lain...

3 thoughts on “jQuery Mobile (02): Cara Memasang Ripple Emulator di Google Chrome

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *