Emulasikan dan Uji Browser Lain

Tugas Anda belum selesai di tahap memastikan bahwa situs berjalan mulus di Chrome dan Android. Meskipun Device Mode dapat menyimulasikan berbagai perangkat lain seperti iPhone, sebaiknya Anda memeriksa solusi browser lain untuk emulasi.

Ringkasan

  • Jika Anda tidak memiliki perangkat tertentu, atau ingin melakukan pemeriksaan cepat pada sesuatu, opsi terbaik adalah mengemulasikan perangkat langsung dari dalam browser Anda.
  • Emulator dan simulator perangkat memungkinkan Anda meniru situs pengembangan di berbagai perangkat dari tempat kerja Anda.
  • Emulator berbasis cloud memungkinkan Anda mengotomatiskan pengujian unit untuk situs Anda di berbagai platform.

Emulator browser

Emulator browser sangat bermanfaat untuk menguji responsivitas situs, tetapi tidak mengemulasikan perbedaan di API, dukungan CSS, dan perilaku tertentu yang akan Anda lihat di browser seluler. Uji situs Anda pada browser yang berjalan di perangkat fisik untuk memastikan semuanya berfungsi seperti yang diharapkan.

Tampilan Desain Responsif Firefox

Firefox memiliki tampilan desain responsif yang mendorong Anda berhenti memikirkan perangkat tertentu, tetapi sebaiknya eksplorasi perubahan desain pada ukuran layar yang umum atau ukuran Anda sendiri dengan menyeret tepinya.

F12 Emulation Edge

Untuk mengemulasikan Ponsel Windows, gunakan emulasi bawaan Microsoft Edge.

Karena Edge tidak dilengkapi kompatibilitas lama, gunakan Emulasi IE 11 untuk menyimulasikan tampilan halaman Anda di versi lama Internet Explorer.

Emulator dan simulator perangkat

Simulator dan emulator perangkat tidak hanya menyimulasikan lingkungan browser, tetapi juga keseluruhan perangkat. Alat ini berguna untuk menguji hal-hal yang memerlukan integrasi OS, misalnya input formulir dengan keyboard virtual.

Android Emulator

Browser Bawaan Android Emulator

Browser Bawaan di Android Emulator

Saat ini, menginstal Chrome pada Android emulator tidak bisa dilakukan. Namun demikian, Anda dapat menggunakan Browser Android, Chromium Content Shell, dan Firefox untuk Android yang akan kita bahas nanti di panduan ini. Chromium Content Shell menggunakan mesin rendering Chrome yang sama, tetapi tidak dilengkapi fitur browser khusus apa pun.

Android Emulator dilengkapi dengan Android SDK yang harus Anda download dari sini. Kemudian, ikuti petunjuk untuk menyiapkan perangkat virtual dan memulai emulator.

Setelah emulator dihidupkan, klik ikon Browser dan Anda pun bisa menguji situs pada Browser Bawaan untuk Android versi lama.

Chromium Content Shell di Android

Shell Konten Android Emulator

Android Emulator Content Shell

Untuk menginstal Chromium Content Shell untuk Android, biarkan emulator berjalan dan jalankan perintah berikut di command prompt:

git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh

Sekarang Anda dapat menguji situs Anda dengan Chromium Content Shell.

Firefox di Android

Ikon Firefox di Android Emulator

Ikon Firefox di Android Emulator

Sama dengan Chromium Content Shell, Anda bisa mendapatkan APK untuk menginstal Firefox di emulator.

Download file .apk yang benar dari https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.

Dari sini, Anda dapat menginstal file pada emulator yang terbuka atau perangkat Android yang terhubung dengan perintah berikut:

adb install <path to APK>/fennec-XX.X.XX.android-arm.apk

Simulator iOS

Simulator iOS untuk Mac OS X satu paket dengan Xcode, yang dapat Anda instal dari App Store.

Setelah selesai, pelajari cara menggunakan simulator ini melalui dokumentasi Apple.

Modern.IE

VM Modern IE

VM Modern IE

Mesin Virtual Modern.IE memungkinkan Anda mengakses versi IE yang berbeda di komputer Anda melalui VirtualBox (atau VMWare). Pilih virtual machine di halaman download di sini.

Emulator dan simulator berbasis cloud

Jika Anda tidak dapat menggunakan emulator dan tidak memiliki akses ke perangkat fisik, emulator berbasis cloud adalah pilihan terbaik. Keuntungan utama emulator berbasis cloud dibanding perangkat fisik dan emulator lokal adalah Anda dapat mengotomatiskan pengujian unit untuk situs Anda di berbagai platform yang berbeda.

  • BrowserStack (komersial) adalah yang paling mudah digunakan untuk pengujian manual. Anda dapat memilih sistem operasi, memilih versi browser dan jenis perangkat, memilih URL untuk dijelajahi, dan BrowserStack akan menghidupkan mesin virtual yang di-host yang dengannya Anda dapat berinteraksi. Anda juga dapat mengaktifkan beberapa emulator di layar yang sama, sehingga Anda dapat menguji tampilan dan nuansa aplikasi Anda di beberapa perangkat sekaligus.
  • SauceLabs (komersial) memungkinkan Anda menjalankan pengujian unit di dalam emulator, yang dapat sangat berguna untuk menuliskan skrip alur melalui situs Anda dan menonton rekaman videonya setelah itu di berbagai perangkat. Anda juga dapat melakukan pengujian manual untuk situs Anda.
  • Device Anywhere (komersial) tidak menggunakan emulator, tetapi perangkat fisik yang dapat Anda kontrol dari jarak jauh. Hal ini sangat berguna jika Anda perlu mereproduksi masalah pada perangkat tertentu dan tidak dapat melihat bug di opsi yang lain di panduan sebelumnya.
  • LambdaTest (komersial) akan membantu Anda melakukan pengujian lintas browser manual pada kombinasi lebih dari 2.000 browser & sistem operasi. Pengguna akan dapat merekam video bug yang kompleks dan bahkan membagikannya melalui integrasi seperti MS Teams, Slack, dan lainnya. Pengguna dapat mempercepat pengujian dengan menjalankan pengujian secara paralel.