With mobile platforms accounting for approximately 50% of global web traffic, it is safe to say that websites need to be optimized for access through mobile devices if they want to stand a chance at success. W związku z tym, firmy nieustannie pracują nad tym, aby zapewnić użytkownikom bezbłędną obsługę stron internetowych na urządzeniach mobilnych. Dla programistów i QAs, przekłada się to na kompleksowe testowanie aplikacji internetowych na prawdziwych urządzeniach mobilnych i przeglądarkach, które są popularne wśród użytkowników.
Android jest bezdyskusyjnie najpopularniejszą platformą mobilną na świecie, z 74% udziałem w rynku. Dodatkowo, Chrome jest domyślną przeglądarką dla większości urządzeń z Androidem. Naturalnie, Chrome dominuje w segmencie przeglądarek mobilnych. Tak więc, testowanie na kombinacji urządzenie-przeglądarka, która dominuje w przestrzeni internetowej jest obowiązkowe.
Ten artykuł ma na celu poprowadzić programistów lub QAs, w jaki sposób mogą zdalnie testować i debugować swoje strony internetowe dla Chrome na prawdziwych urządzeniach z systemem Android.
Zacznijmy więc.
Debugowanie stron internetowych na Android Chrome przy użyciu BrowserStack Live
BrowserStack sprawia, że debugowanie Chrome na prawdziwych urządzeniach z systemem Android jest dość łatwe. Programiści otrzymują natychmiastowy dostęp do Chrome DevTools na wybranej słuchawce z Androidem. Ułatwia to testerowi śledzenie konkretnych błędów na konkretnym urządzeniu.
Postępuj zgodnie z poniższymi krokami, aby rozpocząć zdalne debugowanie w Android-Chrome.
- Zapisz się na bezpłatną wersję próbną w BrowserStack Live.
- Po utworzeniu konta, przejdź do Live Dashboard.
- Z dostępnych systemów operacyjnych, wybierz Android.
- Wybierz żądanego sprzedawcę (Samsung, OnePlus, itp.)
- Nawiguj nad żądaną słuchawką. (Weźmy Samsung Galaxy S20 jako przykład) i kliknij ikonę Chrome. Spowoduje to zainicjowanie nowej sesji Chrome na prawdziwym urządzeniu Samsung S20.
- Po rozpoczęciu sesji użytkownicy mogą po prostu przejść do strony internetowej, którą muszą przetestować, i mogą rozpocząć debugowanie za pomocą Chrome DevTools.
- Uruchom narzędzie Chrome DevTools z pływającego paska narzędzi.
Powyższy zrzut ekranu pokazuje, jak można użyć narzędzi deweloperskich do sprawdzenia lub usunięcia błędów w konkretnym elemencie internetowym na stronie Google. Narzędzie deweloperskie pozwala programistom i QA na modyfikowanie i testowanie kodu w locie. To umożliwia debugowanie komponentów HTML, CSS, JavaScript dla elementów internetowych.
Try Remote Debugging on Android for Free
Uwaga: Można również testować swoje strony internetowe w trakcie rozwoju używając funkcji Testowanie lokalne. Zapoznaj się z pełną dokumentacją dotyczącą testowania lokalnego, aby rozpocząć. Debugowanie w początkowych etapach pomaga programistom uniknąć krytycznych błędów w późniejszym czasie.
Testowanie witryn na wielu rzeczywistych urządzeniach wymaga laboratorium urządzeń w siedzibie firmy. Takie laboratoria wymagają znacznych nakładów finansowych, a dodatkowo ich aktualizacja i utrzymanie może okazać się bardzo żmudnym zadaniem. W rezultacie, korzystanie z chmury rzeczywistych urządzeń jest opłacalną alternatywą.
Czytaj także: How to inspect element on Android
Platformy takie jak BrowserStack upełnomocniają zespoły i indywidualnych deweloperów, zapewniając im idealną infrastrukturę testową do zdalnego testowania. Organizacje nie muszą się martwić o utrzymanie on-premise laboratorium urządzeń. Wystarczy, że zarejestrują się za darmo, wybiorą pożądaną kombinację urządzenie – przeglądarka i zaczną działać. Dodatkowo, funkcje takie jak testowanie lokalne i DevTools na przeglądarkach mobilnych pomagają wyeliminować problemy związane z testowaniem i zauważalnie ułatwiają cały proces.