Tugas Anda belum selesai di tahap memastikan bahwa situs berjalan mulus di Chrome dan Android. Meskipun Mode Perangkat 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 mengemulasi perangkat langsung di dalam browser Anda.
- Emulator dan simulator perangkat memungkinkan Anda meniru situs pengembangan di berbagai perangkat dari workstation Anda.
- Emulator berbasis cloud memungkinkan Anda mengotomatiskan pengujian unit untuk situs Anda di berbagai platform.
Emulator browser
Emulator browser sangat bagus untuk menguji responsivitas situs, tetapi tidak mengemulasi perbedaan dalam API, dukungan CSS, dan perilaku tertentu yang akan Anda lihat di browser seluler. Uji situs Anda di browser yang berjalan di perangkat sungguhan untuk memastikan semuanya berjalan seperti yang diharapkan.
Tampilan Desain Responsif Firefox
Firefox memiliki tampilan desain responsif yang mendorong Anda untuk berhenti memikirkan perangkat tertentu dan sebagai gantinya menjelajahi bagaimana desain Anda berubah pada ukuran layar yang umum atau ukuran Anda sendiri dengan menarik tepinya.
Emulasi F12 Edge
Untuk mengemulasikan Ponsel Windows, gunakan emulasi bawaan Microsoft Edge.
Karena Edge tidak dikirimkan dengan kompatibilitas lama, gunakan Emulasi IE 11 untuk menyimulasikan tampilan halaman Anda di Internet Explorer versi lama.
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 di Android Emulator
Saat ini, menginstal Chrome di emulator Android belum dapat dilakukan. Namun, Anda dapat menggunakan Browser Android, Chromium Content Shell, dan Firefox untuk Android yang akan kita bahas nanti dalam panduan ini. Chromium Content Shell menggunakan mesin rendering Chrome yang sama, tetapi tidak dilengkapi fitur khusus browser.
Android Emulator dilengkapi dengan Android SDK yang perlu Anda download dari sini. Lalu, ikuti petunjuk untuk menyiapkan perangkat virtual dan memulai emulator.
Setelah emulator di-booting, klik ikon Browser dan Anda dapat menguji situs di Browser Bawaan untuk Android yang lama.
Chromium Content Shell di Android
Content Shell Android Emulator
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 dengan Chromium Content Shell.
Firefox di Android
Ikon Firefox di Android Emulator
Serupa dengan Content Shell Chromium, 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 ke 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 dilengkapi dengan Xcode, yang dapat Anda instal dari App Store.
Setelah selesai, pelajari cara menggunakan simulator melalui dokumentasi Apple.
Modern.IE
VM IE Modern
Dengan Mesin Virtual Modern.IE, Anda dapat mengakses berbagai versi IE di komputer melalui VirtualBox (atau VMWare). Pilih mesin virtual di halaman download di sini.
Emulator dan simulator berbasis cloud
Jika Anda tidak dapat menggunakan emulator dan tidak memiliki akses ke perangkat sungguhan, emulator berbasis cloud adalah pilihan terbaik berikutnya. Keuntungan besar dari emulator berbasis cloud dibandingkan perangkat sebenarnya dan emulator lokal adalah Anda dapat mengotomatiskan pengujian unit untuk situs Anda di berbagai platform.
- BrowserStack (komersial) adalah yang paling mudah digunakan untuk pengujian manual. Anda memilih sistem operasi, memilih versi browser dan jenis perangkat, memilih URL untuk dijelajahi, dan tindakan ini akan menjalankan mesin virtual yang dihosting yang dapat Anda gunakan untuk berinteraksi. Anda juga dapat mengaktifkan beberapa emulator di layar yang sama, sehingga Anda dapat menguji tampilan dan nuansa aplikasi di beberapa perangkat secara bersamaan.
- SauceLabs (komersial) memungkinkan Anda menjalankan pengujian unit di dalam emulator, yang dapat sangat berguna untuk membuat skrip alur melalui situs Anda dan menonton rekaman video aliran ini setelahnya di berbagai perangkat. Anda juga dapat melakukan pengujian manual pada situs Anda.
- Device Anywhere (komersial) tidak menggunakan emulator, tetapi perangkat sungguhan yang dapat Anda kontrol dari jarak jauh. Hal ini sangat berguna jika Anda perlu mereproduksi masalah di perangkat tertentu dan tidak dapat melihat bug pada salah satu opsi 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 membagikannya melalui integrasi seperti MS Teams, Slack, dan lain-lain. Pengguna dapat mempercepat pengujian dengan menjalankan pengujian secara paralel.