İşiniz, sitenizin Chrome ve Android'de sorunsuz çalışmasını sağlamakla bitmiyor. Cihaz Modu, iPhone'lar gibi bir dizi başka cihazı simüle etse de, emülasyon için diğer tarayıcı çözümlerine göz atmanızı öneririz.
Özet
- Belirli bir cihazınız yoksa veya bir şey üzerinde yer kontrolü yapmak istiyorsanız en iyi seçenek, cihazı doğrudan tarayıcınızın içinde emüle etmektir.
- Cihaz emülatörleri ve simülatörler, geliştirme sitenizi iş istasyonunuzdaki çeşitli cihazlarda taklit etmenizi sağlar.
- Bulut tabanlı emülatörler, siteniz için farklı platformlarda birim testlerini otomatikleştirmenizi sağlar.
Tarayıcı emülatörleri
Tarayıcı emülatörleri, bir sitenin duyarlılığını test etmek için mükemmeldir ancak API, CSS desteği ve mobil tarayıcıda göreceğiniz belirli davranışlardaki farklılıkları taklit etmezler. Her şeyin beklendiği gibi işlediğinden emin olmak için sitenizi gerçek cihazlar üzerinde çalışan tarayıcılarda test edin.
Firefox'un Duyarlı Tasarım Görünümü
Firefox, belirli cihazlar üzerine düşünmeyi bırakmanızı ve bunun yerine, yaygın olarak kullanılan ekran boyutlarında veya kendi boyutlarınızda kenarları sürükleyerek tasarımınızın nasıl değiştiğini keşfetmenizi teşvik eden duyarlı bir tasarım görünümüne sahiptir.
Edge'in F12 Emülasyonu
Windows Phone'lara emülasyon yapmak için Microsoft Edge'in yerleşik emülasyonunu kullanın.
Edge eski uyumlulukla sunulmaz. Bu nedenle sayfanızın, Internet Explorer'ın eski sürümlerinde nasıl görüneceğini simüle etmek için IE 11'in Emülasyonu'nu kullanın.
Cihaz emülatörleri ve simülatörleri
Cihaz simülatörleri ve emülatörleri yalnızca tarayıcı ortamını değil, cihazın tamamını simüle eder. Sanal klavyelerle form girişi gibi işletim sistemi entegrasyonu gerektiren öğeleri test etmek için yararlıdır.
Android Emulator
Android Emülatör'de Stok Tarayıcı
Şu anda Chrome'u bir Android emülatöre yüklemek mümkün değildir. Ancak, bu kılavuzun ilerleyen bölümlerinde ele alacağımız Android Tarayıcı, Chromium Content Shell ve Android için Firefox'u kullanabilirsiniz. Chromium Content Shell, aynı Chrome oluşturma motorunu kullanır ancak tarayıcıya özgü özelliklerin hiçbiri olmadan sunulur.
Android emülatörü, buradan indirmeniz gereken Android SDK'sıyla birlikte gelir. Ardından sanal cihaz kurma talimatlarını uygulayın ve emülatörü başlatın.
Emülatörünüz başlatıldıktan sonra Tarayıcı simgesini tıklayarak sitenizi Android için eski Stok Tarayıcı'da test edebilirsiniz.
Android'de Chromium Content Shell
Android Emülatör İçerik Kabuğu
Android için Chromium Content Shell'i yüklemek üzere emülatörünüzü çalışır durumda bırakın ve bir komut isteminde aşağıdaki komutları çalıştırın:
git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh
Artık sitenizi Chromium Content Shell ile test edebilirsiniz.
Android'de Firefox
Android Emülatör'de Firefox Simgesi
Chromium'un Content Shell'ine benzer şekilde, Firefox'u emülatöre yüklemek için bir APK alabilirsiniz.
https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/ adresinden doğru.apk dosyasını indirin.
Buradan, aşağıdaki komutu kullanarak dosyayı açık bir emülatöre veya bağlı bir Android cihaza yükleyebilirsiniz:
adb install <path to APK>/fennec-XX.X.XX.android-arm.apk
iOS Simülatörü
Mac OS X için iOS simülatörü, App Store'dan yükleyebileceğiniz Xcode ile birlikte gelir.
İşiniz bittiğinde Apple'ın belgelerini inceleyerek simülasyon aracıyla nasıl çalışacağınızı öğrenin.
Modern.IE
Modern IE Sanal Makinesi
Modern.IE Sanal Makineleri, bilgisayarınızda VirtualBox (veya VMWare) aracılığıyla IE'nin farklı sürümlerine erişmenizi sağlar. Buradan indirme sayfasından bir sanal makine seçin.
Bulut tabanlı emülatörler ve simülatörler
Emülatörleri kullanamıyorsanız ve gerçek cihazlara erişiminiz yoksa en iyi seçenek bulut tabanlı emülatörlerdir. Bulut tabanlı emülatörlerin gerçek cihazlar ve yerel emülatörlere kıyasla en büyük avantajı, siteniz için farklı platformlarda birim testlerini otomatikleştirebilmenizdir.
- Tarayıcı Yığını (ticari), manuel test için kullanımı en kolay yöntemdir. Bir işletim sistemi seçer, tarayıcı sürümünüzü ve cihaz türünüzü belirler, göz atılacak bir URL seçersiniz. Ardından, etkileşimde bulunabileceğiniz barındırılan bir sanal makineyi çalıştırırsınız. Ayrıca, aynı ekranda birden fazla emülatörü tetikleyerek uygulamanızın görünümünü ve hissini aynı anda birden fazla cihazda test edebilirsiniz.
- SauceLabs (ticari), bir emülatör içinde birim testleri çalıştırmanıza olanak tanır. Bu testler, sitenizdeki bir akışın komut dosyasını yazma konusunda gerçekten faydalı olabilir ve daha sonra, bunun video kaydını çeşitli cihazlarda izlemenizi sağlar. Sitenizde manuel test de yapabilirsiniz.
- Her Yerde Cihaz (ticari), emülatörleri değil, uzaktan kontrol edebileceğiniz gerçek cihazları kullanır. Bu, belirli bir cihazda sorunu yeniden oluşturmanız gerektiği ve hatayı önceki kılavuzlardaki seçeneklerin hiçbirinde göremediğiniz durumlarda çok kullanışlıdır.
- LambdaTest (ticari), 2.000'den fazla tarayıcı ve işletim sistemini bir arada içeren bir kombinasyonda manuel olarak çapraz tarayıcı testi yapmanıza yardımcı olur. Kullanıcılar karmaşık hataların videosunu kaydedip MS Teams ve Slack gibi entegrasyonlar aracılığıyla bu videoları paylaşabilecekler. Kullanıcılar, testleri paralel olarak çalıştırarak testlerini hızlandırabilir.