Test Responsive Web Browser - Google vs Mozilla, Manakah yang Lebih Unggul?

15 Dec 2014 19:00 5536 Hits 0 Comments Approved by Plimbi

Kemunculan smartphone dan tablet cukup memberi efek yang besar untuk perkembangan website. Betapa tidak, sebuah website kini harus bisa di akses secara lintas platform atau dengan kata lain bisa diakses oleh komputer, tablet bahkan smartphone.

Kemunculan smartphone dan tablet cukup memberi efek yang besar untuk perkembangan website. Betapa tidak, sebuah website sekarang harus bisa di akses secara lintas platform atau dengan kata lain bisa diakses oleh komputer, tablet bahkan smartphone.

Kini responsive web  mulai menjadi tren karena memiliki keuntungan jika dibandingkan dengan website yang biasa. Salah satu keuntungannya adalah, para Website developer tidak harus membuat mesin yang berbeda untuk masing-masing tipe perangkat, sebagai contoh http://m.websaya.com untuk perangkat ponsel, dan http://websaya.com untuk perangkat Desktop atau PC.

Namun di dalam proses pembuatannya, sebuah website yang responsif adalah kendala yang baru bagi para developer, salah satunya adalah mengecek atau tes responsive web . Oleh karena itu sebuah perusahaan Web Developer diharuskan untuk mempunyai berbagai macam perangkat hanya untuk keperluan mengetes tampilan sebuah website.

Padahal jika kita cermati, banyak fitur dari Browser sehari hari yang kita pakai yang bisa menunjang kegiatan para developer, salah satunya adalah fitur untuk Mengetes responsif sebuah website. Berikut adalah perbandingan fitur dasar dari Google Chrome dan Mozilla Firefox untuk mengetes ke-responsif-an sebuah website.

 

Mozilla Firefox.

Kabar baik untuk para Web Developer, bahwa Mozilla Firefox telah menambahkan fitur dasarnya yaitu fitur untuk mengetes ke-responsif-an sebuah website. Fitur ini bisa diakses dengan beberapa langkah berikut :

1. Kik kanan di sembarang tempat

2. Pilih inspect element

3. Klik icon  responsive design mode yang (biasanya) terdapat di bagian bawah

4. Lalu anda akan disediakan pilihan untuk mengatur ukuran layar, emulasi fitur sentuh (Touchscreen) dan fitur untuk meng-capture tampilan yang akan tersimpan otomatis di Folder Download anda.

 

Baca juga :

               Jika Google dan Youtube Diblokir, Kamu Bakal Buka Situs Apa?

               OnePlus Pergi dari Indonesia, Bagaimana Nasib Garansi Resminya?

 

Google Chrome

Browser yang dikenal sebagai Browser yang super cepat untuk menjelajahi dunia maya ini ternyata sudah mendukung untuk pengetesan Web secara responsif. Tidak seperti Mozilla Firefox, Google Chrome yang merupakan proyek lanjutan dari Chrominium ini seperti menyembunyikan fitur untuk mengetes website secara responsif. tapi anda jangan khawatir, Plimbi akan memberitahu caranya untuk menggunakan fitur tersebut. Berikut langkah-langkah untuk mengakses fitur tes responsif pada google chrome.

1. Klik kanan sembarang tempat

2. Pilih inspect element

3. Klik icon drawer

4. Pilih emulation tab

5. Klik emulate untuk memulai pengetesan Web secara responsif. pada bagian ini Anda bisa menyesuaikan tipe perangkat sesuai keinginan anda, misalkan anda ingin mengetes pada Screen ukuran Google Nexus 4, iPhone 5 dll.

Jika anda ingin mengeset ukuran layar secara Custom atau berdasarkan keinginan sendiri, anda bisa mengesetnya pada pilihan Screen. Disana anda bisa mengeset ukuran layar sesuka hati yang dilengkapi dengan beberapa fitur lain yang mendukung untuk pengetesan Web secara responsif.

Pada pilihan lainnya yang merupakan keunggulan dari Google Chrome dalam pengetesan Web secara responsif yaitu pada pilihan user agent, anda bisa menyesuaikan tipe Browser, sehingga anda bisa mengetahui kompabilitas website anda secara lengkap di sini.

Pada pilihan terakhir yaitu Sensors, inilah yang akan mencengangkan kita, karena pada pilihan ini kita bisa meng-simulasi-kan fitur sensor yang terdapat pada smartphone, seperti grafiti sensor, simulasi layar sentuh, bahkan accelerometer pun bisa kita atur pada pilihan ini.

 

Kesimpulan

Berdasarkan adu fitur diatas, secara mutlak bisa kita simpulkan bahwa Google Chrome lebih unggul dari pada Mozilla Firefox dalam hal pengetesan web secara responsif. hmmm.... tampaknya Mozilla mesti banyak banyak nambahin fitur nih pada update-an selanjutnya. (IA)

Tags

About The Author

Plimbi Editor 999
Administrator

Plimbi Editor

Plimbi Chief Editor
Plimbi adalah tempat menulis untuk semua orang.
Yuk kirim juga tulisanmu sekarang
Submit Artikel