Twoje zadanie nie kończy się na zadbaniu o to, by Twoja witryna działała prawidłowo w Chrome i na Androidzie. Mimo że Tryb urządzenia może symulować wiele innych urządzeń, takich jak iPhone, ale zachęcamy do i rozwiązań do emulacji przeglądarek.
Podsumowanie
- Jeśli nie masz konkretnego urządzenia lub chcesz coś wychwycić, najlepszym rozwiązaniem jest emulacja urządzenia bezpośrednio w przeglądarce.
- Emulatory i symulatory urządzeń umożliwiają naśladowanie środowiska programistycznego na różnych urządzeniach – w Twojej stacji roboczej.
- Emulatory działające w chmurze pozwalają zautomatyzować testy jednostkowe Twojej witryny na różnych platformach.
Emulatory przeglądarki
Emulatory przeglądarki świetnie nadają się do testowania responsywności witryny, ale nie emulują różnic. API, obsługi CSS i pewne zachowania, które można zauważyć w przeglądarce mobilnej. Przetestuj swoją witrynę pod adresem w przeglądarkach działających na rzeczywistych urządzeniach, aby mieć pewność, że wszystko działa zgodnie z oczekiwaniami.
Firefox Widok układu elastycznego
Widok responsywny w przeglądarce Firefox sprawia, że nie musisz już myśleć o konkretnych kategoriach na urządzeniach mobilnych i sprawdzać, jak projekt zmienia się na popularnych ekranach lub w Twoich własnych rozmiarach. i przeciągając krawędzie.
Emulacja F12 w Edge
Do emulacji telefonów Windows Phone użyj wbudowanej emulacji przeglądarki Microsoft Edge.
Edge nie jest dostarczany ze starszą wersją, więc użyj emulacji IE 11, aby zasymulować w starszych wersjach Internet Explorera.
Emulatory i symulatory urządzeń
Symulatory urządzeń i emulatory symulują nie tylko środowisko przeglądarki, ale całe urządzenie. Przydają się one do testowania elementów, które wymagają integracji z systemem operacyjnym, np. wprowadzania danych do formularzy przy użyciu wirtualnych klawiatury.
Android Emulator
Przeglądarka akcji w emulatorze Androida
Obecnie nie można zainstalować Chrome w emulatorze Androida. Możesz jednak użyć usługi Przeglądarka na Androida, Chromium Content Shell i Firefox dla Androida, które omówimy później Google. Chromium Content Shell wykorzystuje ten sam silnik renderowania Chrome, ale nie zawiera żadnych funkcji typowych dla danej przeglądarki.
Emulator Androida zawiera pakiet Android SDK, który stąd możesz pobrać. Potem postępuj zgodnie z instrukcjami konfiguracji urządzenia wirtualnego i uruchom emulator.
Po uruchomieniu emulatora kliknij ikonę przeglądarki, aby przetestować stronę. stara aplikacja Stock Browser na Androida.
Chromium Content Shell na Androidzie
powłoka zawartości emulatora Androida
Aby zainstalować Chromium Content Shell na Androida, pozostaw emulator uruchomiony i uruchom to polecenie w wierszu poleceń:
git clone https://github.com/PaulKinlan/chromium-android-installer.git
chmod u+x ./chromium-android-installer/\*.sh
./chromium-android-installer/install-chromeandroid.sh
Teraz możesz przetestować swoją witrynę przy użyciu Chromium Content Shell.
Firefox na Androidzie
Ikona przeglądarki Firefox w emulatorze Androida
Podobnie jak w przypadku Content Shell, możesz pobrać plik APK, by zainstalować w emulatorze Firefoksa.
Pobierz odpowiedni plik APK ze strony https://ftp.mozilla.org/pub/mozilla.org/mobile/releases/latest/.
Następnie możesz zainstalować plik w otwartym emulatorze lub na połączonym urządzeniu z Androidem, na którym to polecenie:
adb install <path to APK>/fennec-XX.X.XX.android-arm.apk
Symulator iOS
Symulator iOS w systemie Mac OS X zawiera Xcode, który możesz zainstalować z App Store.
Gdy skończysz, dowiedz się, jak korzystać z symulatora, z dokumentacji Apple.
Modern.IE
Nowoczesna maszyna wirtualna IE
Maszyny wirtualne Modern.IE umożliwiają dostęp do różnych wersji IE na komputerze za pomocą VirtualBox (lub VMWare). Wybierz maszynę wirtualną na tej stronie pobierania.
Emulatory i symulatory działające w chmurze
Jeśli nie masz dostępu do prawdziwych urządzeń ani emulatorów, możesz skorzystać z emulatorów działających w chmurze. co jest na pewno lepsze. Duża przewaga emulatorów działających w chmurze nad prawdziwymi urządzeniami i emulatorami lokalnymi. jest to, że możesz zautomatyzować testy jednostkowe swojej witryny na różnych platformach.
- Przeglądarka stojąca (wersja komercyjna) jest najłatwiejsza w obsłudze do testów ręcznych. Wybierasz system operacyjny system, wybierz wersję przeglądarki i typ urządzenia, wybierz URL, który chcesz przeglądać. hostowanej maszyny wirtualnej, z którą możesz wchodzić w interakcje. Możesz też uruchomić kilka emulatorów na tym samym ekranie, co pozwala sprawdzić, jak aplikacja wygląda i działa na różnych urządzeniach jednocześnie. obecnie się znajdujesz.
- SauceLabs (komercyjne) umożliwia uruchamianie testów jednostkowych w emulatorze, którego: bardzo przydatny przy skryptowaniu przepływu przez witrynę i obejrzenie nagrania wideo potem na różnych urządzeniach. Możesz też przeprowadzić w witrynie testy ręczne.
- Urządzenie w dowolnym miejscu (komercyjne) nie używa emulatorów, tylko prawdziwych urządzeń, którymi możesz sterować zdalnie. Jest to bardzo przydatne, gdy chcesz odtworzyć problem na konkretnym na urządzeniu i nie widzi błędu w żadnej z opcji opisanych w poprzednich przewodnikach.
- LambdaTest (komercyjne) pomoże Ci przeprowadzić ręczne testowanie kombinacji w różnych przeglądarkach z ponad 2000 przeglądarek systemów operacyjnych. Użytkownicy mogą nagrywać filmy zawierające złożone błędy udostępnianie za pomocą integracji takich jak MS Teams czy Slack. Użytkownicy mogą przyspieszyć testowanie przez równolegle przeprowadzanie testów.