Da mobile Plattformen etwa 50 % des weltweiten Webverkehrs ausmachen, ist es sicher, dass Websites für den Zugriff über mobile Geräte optimiert werden müssen, wenn sie eine Chance auf Erfolg haben wollen. Folglich arbeiten Unternehmen nun ständig daran, den Nutzern ein einwandfreies Web-Erlebnis auf mobilen Geräten zu bieten. Für Entwickler und QAs bedeutet dies umfassende Tests von Webanwendungen auf realen mobilen Geräten und Browsern, die bei den Nutzern beliebt sind.
Android ist mit einem Marktanteil von 74 % unbestritten die beliebteste mobile Plattform der Welt. Außerdem ist Chrome der Standardbrowser für die meisten Android-Geräte. Natürlich dominiert Chrome das Segment der mobilen Browser. Daher ist das Testen auf einer Geräte-Browser-Kombination, die den Internetbereich dominiert, obligatorisch.
Dieser Artikel soll Entwicklern oder QAs zeigen, wie sie ihre Websites für Chrome auf echten Android-Geräten aus der Ferne testen und debuggen können.
Legen wir also los.
Debuggen von Websites auf Android Chrome mit BrowserStack Live
BrowserStack macht das Debuggen von Chrome auf echten Android-Geräten ziemlich mühelos. Entwickler erhalten sofortigen Zugriff auf die Chrome DevTools auf dem Android-Gerät ihrer Wahl. Das macht es dem Tester leicht, bestimmte Fehler auf einem bestimmten Gerät zu finden.
Befolgen Sie die folgenden Schritte, um mit dem Remote-Debugging auf Android-Chrome zu beginnen.
- Melden Sie sich für eine kostenlose Testversion von BrowserStack Live an.
- Nachdem das Konto erstellt wurde, navigieren Sie zum Live-Dashboard.
- Wählen Sie aus den verfügbaren Betriebssystemen Android aus.
- Wählen Sie den gewünschten Hersteller (Samsung, OnePlus usw.)
- Wählen Sie das gewünschte Mobiltelefon aus. (Nehmen wir das Samsung Galaxy S20 als Beispiel) und klicken Sie auf das Chrome-Symbol. Dadurch wird eine neue Chrome-Sitzung auf einem echten Samsung S20-Gerät gestartet.
- Wenn die Sitzung beginnt, können die Benutzer einfach zu der Website navigieren, die sie testen möchten, und mit der Fehlersuche mithilfe der Chrome DevTools beginnen.
- Starten Sie Chrome DevTools über die schwebende Symbolleiste.
Der obige Screenshot zeigt, wie man mit den Entwicklertools ein bestimmtes Webelement auf der Google-Website untersuchen oder debuggen kann. Das Entwicklertool ermöglicht es Entwicklern und QAs, den Code während des Betriebs zu ändern und zu testen. Dies ermöglicht das Debuggen von HTML-, CSS- und JavaScript-Komponenten für Web-Elemente.
Testen Sie das Remote-Debugging auf Android kostenlos
Hinweis: Sie können Ihre in der Entwicklung befindlichen Websites auch mit der Funktion für lokale Tests testen. Lesen Sie die vollständige Dokumentation zum lokalen Testen, um loszulegen. Das Debugging in der Anfangsphase hilft den Entwicklern, später kritische Fehler zu vermeiden.
Das Testen von Websites auf mehreren echten Geräten erfordert ein Gerätelabor vor Ort. Solche Labore erfordern erhebliche finanzielle Investitionen, und ihre Aktualisierung und Wartung kann sich als sehr mühsam erweisen. Daher ist die Verwendung einer Cloud für reale Geräte eine kostengünstige Alternative.
Auch zu lesen: How to inspect element on Android
Plattformen wie BrowserStack unterstützen Teams und einzelne Entwickler, indem sie ihnen die ideale Testinfrastruktur für Remote-Tests zur Verfügung stellen. Unternehmen müssen sich nicht um die Wartung eines lokalen Gerätelabors kümmern. Sie müssen sich lediglich kostenlos anmelden, die gewünschte Geräte-Browser-Kombination auswählen und loslegen. Darüber hinaus tragen Funktionen wie lokale Tests und DevTools auf mobilen Browsern dazu bei, Probleme beim Testen zu beseitigen und den Prozess spürbar zu vereinfachen.