Tugas Anda tidak hanya memastikan situs berjalan dengan baik di Chrome dan Android. Meskipun Mode Perangkat dapat menyimulasikan berbagai perangkat lain seperti iPhone, kami sarankan Anda untuk solusi browser untuk emulasi.
Ringkasan
- Ketika Anda tidak memiliki perangkat tertentu, atau ingin melakukan pemeriksaan cepat pada sesuatu, opsi terbaik adalah mengemulasi perangkat langsung di dalam {i>browser<i} 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 mengemulasikan perbedaan di API, dukungan CSS, dan perilaku tertentu yang akan Anda lihat di browser seluler. Uji situs Anda di browser yang berjalan di perangkat aktual untuk memastikan segala sesuatunya berjalan seperti yang diharapkan.
Firefox Tampilan Desain Responsif
Firefox memiliki tampilan desain responsif yang mendorong Anda untuk berhenti berpikir tentang hal-hal perangkat dan mengeksplorasi bagaimana desain Anda berubah pada ukuran layar yang umum atau ukuran Anda sendiri dengan menarik tepinya.
F12 Emulation Edge
Untuk mengemulasikan Ponsel Windows, gunakan emulasi bawaan Microsoft Edge.
Karena Edge tidak dilengkapi dengan kompatibilitas lama, gunakan Emulasi IE 11 untuk menyimulasikan cara akan terlihat di Internet Explorer versi lama.
Emulator dan simulator perangkat
Simulator dan emulator perangkat tidak hanya menyimulasikan lingkungan browser, tetapi juga seluruh perangkat. Alat ini berguna untuk menguji hal-hal yang memerlukan integrasi OS, misalnya input formulir dengan keyboard.
Android Emulator
Browser Stok di Android Emulator
Saat ini, tidak ada cara untuk menginstal Chrome pada emulator Android. Namun, Anda dapat menggunakan Browser Android, Chromium Content Shell, dan Firefox untuk Android yang akan kita bahas nanti dalam kami. Chromium Content Shell menggunakan mesin rendering Chrome yang sama, tetapi tidak memiliki fitur khusus browser.
Emulator Android dilengkapi dengan Android SDK yang perlu Anda download dari sini. Selanjutnya ikuti petunjuk untuk menyiapkan perangkat virtual dan memulai emulator.
Setelah emulator di-booting, klik ikon Browser dan Anda dapat menguji situs Anda di Browser Stok lama untuk Android.
Chromium Content Shell di Android
Shell Konten 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
Mirip dengan Content Shell Chromium, Anda dapat memperoleh APK untuk menginstal Firefox di emulator.
Download file .apk yang tepat dari https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.
Dari sini, Anda bisa 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 dalam dokumentasi Apple.
Modern.IE
VM IE Modern
Virtual Machine Modern.IE memungkinkan Anda mengakses berbagai versi IE 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 sebenarnya, emulator berbasis cloud akan hal terbaik berikutnya. Keuntungan besar emulator berbasis cloud dibandingkan perangkat sungguhan 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 operasional ini, pilih versi browser dan jenis perangkat Anda, pilih URL yang akan dijelajahi, dan sistem akan menjalankan virtual machine yang dihosting dan dapat berinteraksi dengan Anda. Anda juga bisa mengaktifkan beberapa emulator di layar yang sama, yang memungkinkan Anda menguji tampilan dan nuansa aplikasi di berbagai perangkat secara bersamaan baik.
- SauceLabs (komersial) memungkinkan Anda menjalankan pengujian unit di dalam emulator, yang dapat berupa sangat berguna untuk membuat skrip alur pada situs Anda dan melihat rekaman video tentang setelah itu di berbagai perangkat. Anda juga dapat melakukan pengujian manual pada situs Anda.
- Device Anywhere (komersial) tidak menggunakan emulator, tetapi perangkat sebenarnya yang dapat Anda kontrol dari jarak jauh. Ini sangat berguna jika Anda perlu merekonstruksi masalah pada perangkat dan tidak dapat melihat {i>bug<i} pada opsi apa pun di panduan sebelumnya.
- LambdaTest (komersial) akan membantu Anda melakukan pengujian lintas browser manual pada kombinasi dari 2.000+ browser & sistem operasi. Pengguna akan dapat merekam video bug dan malam yang kompleks bagikan melalui integrasi seperti MS Teams, Slack, dan banyak lagi. Pengguna dapat mempercepat pengujian dengan menjalankan pengujian secara paralel.