Daher ist das mobile Web zur Hauptnotwendigkeit geworden, und die neue Anwendung wird in vielen Fällen nur eine Webanwendung sein, deren dringende Aufgabe die Fähigkeit sein wird, in allen Browsern auf einem mobilen Gerät zu arbeiten.
In diesem Artikel möchte ich meinen Ansatz zum Testen solcher Anwendungen und Tools erläutern, die diesen Prozess erheblich vereinfachen.
Beginnen wir mit der Definition einer mobilen Webanwendung.
Mobile Web-AppIst im Wesentlichen eine Website, die für jedes Gerät angepasst und optimiert ist - zum Beispiel ein Telefon, ein Tablet usw. Um es verwenden zu können, benötigen Sie lediglich einen Browser und einen Internetzugang auf Ihrem Gerät.
Solche Anwendungen erfordern keine Installation, sind über einen Link in einem Browser leicht zugänglich, haben jedoch im Vergleich zu Hybrid- und nativen Anwendungen eine eingeschränkte Funktionalität.
Wenn Sie auf eine solche Anwendung stoßen, sollten Sie entscheiden, wie und worauf Sie sie testen möchten. Wie wähle ich das richtige Toolkit und eine ausreichende Anzahl von Konfigurationen aus? Lassen Sie es uns jetzt herausfinden.
Es gibt mindestens drei Möglichkeiten zum Testen:
- Auf einem realen Gerät;
- Verwenden eines Emulators;
- Mit einem Simulator.
Jedes Projekt ist einzigartig und erfordert einen eigenen Ansatz. Um eine Auswahl zu treffen (oder beides zu verwenden), habe ich eine kleine Analyse der Vor- und Nachteile der einzelnen Optionen durchgeführt:
Reale Geräte:
+ Genauigkeit der Ergebnisse;
+ Erleichtert die Ausrichtung der Testgeräte;
- teuer;
- Zeitaufwändiger Prozess zur Erstellung und konsistenten Reproduktion von
Ergebnissen;
Emulatoren:
+ Einfachere Verwaltung von Schaltgerätetypen durch Laden eines neuen Geräteprofils;
+ Kostenlos oder kostengünstig;
- Möglicherweise kleine Fehler als Folge;
- Eingeschränkte Optionen bei Verwendung der Fenstergröße ändern.
Simulatoren:
+ Kostengünstig;
- Berücksichtigt nicht die Hardware;
- Mögliche Fehlalarme;
- Simulationsergebnisse können aufgrund unvollständiger Daten schwierig zu analysieren sein.
Ich würde die Verwendung von Simulatoren nicht empfehlen. Erstens werden Sie nicht auf alle Probleme stoßen, die Hardware verursachen kann. Zweitens: Einige Anwendungen funktionieren möglicherweise etwas anders, was auf die Unzuverlässigkeit ihrer Verwendung hinweist.
Wenn Sie sich für die Verwendung von Emulatoren entscheiden, müssen Sie sich für das zu verwendende Tool entscheiden.
Hier ist eine Liste von Tools , deren Verwendung ich empfehlen würde:
- Chrome DevTools ist ein einfacher Emulator, der auf dem Google Chrome-Browser basiert und im mobilen Modus arbeiten kann. Es wird hauptsächlich verwendet, um einen ersten Test der Emulation eines bestimmten mobilen Geräts durchzuführen.
- BrowserStack ist ein Online-Tool zum Testen von Webanwendungen auf verschiedenen Mobilgeräten. Es ist ein ziemlich zuverlässiges und umfassendes Tool, das einfachen Zugriff auf über 1200 echte mobile Geräte und Browser bietet. Die Benutzeroberfläche ist ziemlich einfach zu verstehen.
- MultiBrowser ist ein Online-Tool, mit dem Sie sicherstellen können, dass Ihre App auf Mobilgeräten gut funktioniert. Es verwendet mobile Browser-Emulatoren, um problemlos testen zu können. Um mit dem Tool arbeiten zu können, benötigen Sie keinen 24/7-Internetzugang, da es auch als Desktop-Anwendung hervorragend funktioniert.
Nachdem Sie den tatsächlichen Gerätepfad ausgewählt haben, müssen Sie im nächsten Schritt bestimmen, welche Geräte Sie zum Testen verwenden.
Wie wähle ich aus, worauf ich testen möchte?
- ;
- (Android, iOS);
- .
gs.statcounter.com hilft Ihnen!
Nach Auswahl des Toolkits entscheiden wir, welche Browser wir testen möchten. Sie können regulär und InApp sein.
Ein normaler Browser ist eine eigenständige Anwendung zum Anzeigen von Websites auf Mobilgeräten. In der Regel zeichnen sich solche Browser durch Flexibilität der Einstellungen und erweiterte Funktionen im Vergleich zu den integrierten aus. Am beliebtesten: Google Chrome, Safari, Mozilla Firefox, Opera Mini, Tor Browser, UC Browser.
Ein In-App-Browser ist ein In-App-Browser mit einem Web-Ansichtsfenster. Jedes Mal, wenn Sie in einer mobilen Anwendung (wie Facebook) auf einen Link klicken, verwenden Sie den integrierten Browser, dh Sie folgen dem Link in der Anwendung selbst.
In-App-Browser verfügen über leichte Funktionen, aber Sie können keine Lesezeichen hinzufügen, haben keine veränderbare Adressleiste und können keine Links in neuen Fenstern öffnen (Sie können nur zu einem normalen Browser wechseln).
Bei der Auswahl eines Browsers können Sie wieder gs.statcounter.com und die Verkehrsstatistik Ihrer Anwendung verwenden - www.similarweb.com.
Abschließend möchte ich sagen, dass es am besten ist, eine Kombination von Tools zu verwenden und sich daran zu erinnern, dass ein echtes Gerät die beste Lösung ist, die Sie immer erhalten maximale Genauigkeit der Ergebnisse.
Danke fürs Lesen! Die richtigen Gedanken und die besten Testwerkzeuge für Ihre Anwendung.