programiści często testują witrynę w określonej przeglądarce (na przykład Chrome) wielokrotnie w fazie rozwoju. Pomaga to im zweryfikować, w jaki sposób każda zmiana ich kodu odzwierciedla się w przeglądarce. Proces ten zapewnia, że twórcy stron internetowych optymalizują swoje witryny pod kątem rzeczywistego świata.
jednak programiści muszą również pamiętać, że 52% całkowitego ruchu internetowego pochodzi z urządzeń mobilnych. W rezultacie muszą zapewnić, że ich strony internetowe są dobrze zoptymalizowane pod kątem działania w przeglądarkach mobilnych., Chrome jest bezsprzecznie wiodącą przeglądarką mobilną z obecnym udziałem w rynku 61,2% na całym świecie. Dlatego testowanie mobilnych wersji stron internetowych w Chrome jest kluczowe.
Ten artykuł ma na celu wyjaśnienie, w jaki sposób programiści mogą przeglądać mobilną wersję witryny w Chrome za pomocą komputera. Wyjaśnia również, w jaki sposób można testować strony internetowe na prawdziwych urządzeniach mobilnych.
najpierw zrozummy, w jaki sposób użytkownicy mogą natychmiast przeglądać mobilną wersję dowolnej strony internetowej.
Korzystanie z symulacji urządzenia w Chrome DevTools dla widoku mobilnego
użytkownicy mogą przeglądać mobilną wersję strony internetowej za pomocą Chrome Devtools.,
poniżej znajdują się kroki, aby wyświetlić mobilną wersję witryny Chrome:
- Otwórz DevTools, naciskając klawisz F12.
- kliknij Dostępny pasek narzędzi przełączania urządzeń. (Ikona zmienia kolor na niebieski, gdy włączony jest tryb urządzenia)
- wybierz urządzenie, które chcesz symulować z listy urządzeń z systemem iOS i Android.
- Po wybraniu żądanego urządzenia wyświetla mobilny widok strony internetowej.
uwaga: to podejście pozwala symulować różne widoki w przeglądarce desktopowej., Jednak nie jest to najdokładniejszy sposób testowania mobilnej wersji strony internetowej w Chrome, ponieważ jest to tylko symulacja urządzenia. Nie może symulować wszystkich aspektów prawdziwego urządzenia mobilnego.
dla twórców stron internetowych, aby uzyskać dokładne informacje o testach, intensywne testy na prawdziwych urządzeniach nie podlegają negocjacjom. Umożliwia im weryfikację stron internetowych w rzeczywistych warunkach użytkownika.
Chmura Real Device BrowserStack do testowania na żywo
idealnym sposobem na przetestowanie strony internetowej na dowolnym urządzeniu mobilnym jest przetestowanie jej na prawdziwym urządzeniu., Pomaga to programistom monitorować swoje witryny w przeglądarkach mobilnych zainstalowanych na prawdziwych urządzeniach z Androidem i iOS. Dzięki temu QAs może ocenić, jak witryna działa na wielu urządzeniach mobilnych i przeglądarkach w świecie rzeczywistym.
Chmura real device BrowserStack zapewnia ponad 2000 prawdziwych urządzeń i przeglądarek do przetestowania.,
kilka z jego najważniejszych cech:
- najnowsze urządzenia z Androidem Samsung, Oneplus, Google i Motorola
- najnowsze urządzenia Apple, takie jak iPhone X, iPhone 11 Pro
- wiele wersji wiodących przeglądarek, takich jak Chrome, Firefox, Safari, Opera zainstalowanych na prawdziwych urządzeniach
QAs może testować na dowolnym prawdziwym urządzeniu mobilnym z Androidem lub iOS bezpośrednio z przeglądarki. Nie muszą pobierać żadnych przeglądarek ani emulatorów. Po prostu zaloguj się, wybierz kombinację urządzenie-przeglądarka-system operacyjny i rozpocznij testowanie., Poniższy obrazek jest dokładną reprezentacją sesji testowej na żywo (testowanie przeglądarki Chrome na Samsung S10+) na BrowserStack.,
Przeglądaj za darmo wersję mobilną w chmurze Real Device
BrowserStack zapewnia również następujące funkcje:
- dostęp z góry do narzędzi DevTools, które umożliwiają kontrolę elementów sieci web na stronie
- testowanie Geo-lokalizacji
- integracje z popularnymi narzędziami do raportowania błędów, takimi jak Jira, Trello i Slack
- testowanie funkcji takich jak pinch to zoom i obrót urządzenia
opisane powyżej metody mogą pomóc programistom wyeliminować ich punkty bólu podczas debugowania wszelkich problemów., Metody te pomagają również zoptymalizować wydajność witryny na wielu urządzeniach.