Bei WilMa legen wir großen Wert darauf, qualitativ hochwertige Produkte online zu stellen, daher legen wir großen Wert auf die Testphase vor der Veröffentlichung. Weitere Informationen finden Sie im Artikel über unsere Prozesse (link to Testing process on Wilma) In diesem Beitrag konzentrieren wir uns auf Cross-Browser-Tests, insbesondere auf Tests auf Apple-Geräten.
Für Cross-Browser-Tests verwenden wir Browserstack, ein beliebtes Tool, mit dem wir Live-Tests auf echten Geräten durchführen können. Es funktioniert hervorragend, aber auf Apple-Betriebssystemen treten häufig Fehler auf, die auf echten Geräten nicht reproduzierbar sind.
Dies liegt daran, dass auf unseren physischen Geräten normalerweise alle Anwendungen, einschließlich des Browsers, regelmäßig aktualisiert werden. Auf Browserstack hingegen ist die Browserversion mit Ausnahme einiger Sicherheitspatches auf die Version beschränkt, die ursprünglich mit dem Betriebssystem gestartet wurde.
Auf dem Desktop haben wir die Möglichkeit, eine andere Version fast aller Browser auszuwählen, jedoch nicht für Safari.
Aus diesem Grund verwenden wir auf Browserstack eine viel ältere Version von Safari als auf einem echten Gerät und riskieren, Zeit mit der Behebung von Fehlern zu verschwenden, die nicht wirklich relevant sind. Nicht sehr effizient.
Die Safari-Version ist entscheidend, nicht das Gerät
An diesem Punkt werden Sie verstanden haben, dass es nicht sinnvoll ist, zu alte Geräte auf Browserstack zu testen. Wir sollten uns stattdessen auf diejenigen konzentrieren, die über eine von unserer Anwendung unterstützte Safari-Version verfügen.
Auf dem Desktop ist es ganz einfach, da die Browserversion sichtbar ist, wenn Sie sie in der Geräteauswahl auswählen. Sie können auch die Liste der Safari-Versionen überprüfen, die in den spezifischen macOS-Versionen in den offiziellen Browserstack-Anleitungen angeboten werden. Sie müssen lediglich das Betriebssystem ignorieren und das Testgerät basierend auf dem Browser auswählen.
Auf Mobilgeräten ist das Problem komplizierter, da wir nur die Hauptversion der Browser sehen.
Wir wissen, dass die Browserversion der iOS-Version folgt (iOS 16 wird beispielsweise einen Safari 16-Browser haben), aber um auch die Minderjährigen zu kennen, müssen wir die offizielle Dokumentation prüfen. (Meiner Erfahrung nach ist diese Liste bei Minderjährigen nicht immer sehr zuverlässig, also verwenden Sie sie als Referenz, aber nehmen Sie sie nicht als selbstverständlich hin.)
Achten Sie auf unterstützte Syntax
Um sicher zu sein, was wir testen, müssen wir uns auf unsere Erfahrung als Entwickler verlassen, insbesondere auf mobilen Geräten, bei denen wir uns nicht sicher sind, ob etwas schief läuft.
Browserstack verfügt über eine praktische Konsole, mit der Sie Fehler überprüfen und wertvolle Informationen zu Fehlern erhalten können. Um sie zu öffnen, klicken Sie in der linken Seitenleiste auf "DevTools":
Die angezeigten Fehler sagen viel über die Version des von uns verwendeten Browsers aus. Wenn beispielsweise ein Fehler wie im folgenden Screenshot auftritt, können wir davon ausgehen, dass es sich um die nicht unterstützte Javascript-Optional-Chaining-Syntax handelt.
Es ist Zeit, ein weiteres großartiges Tool auszuprobieren, das Sie als Entwickler kennen müssen: CanIuse.
Sie werden sehen, dass die Optional Chaining-Syntax ab Safari auf iOS 13.4 unterstützt wird.
Jetzt müssen wir nur noch feststellen, ob unsere Anwendung diese Version und Syntax unterstützt oder nicht. Kurz gesagt: Wenn wir mit Hyvä einen Magento-Shop entwickeln und wissen, dass dieser mindestens 14.5 erfordert, können wir die optionale Verkettung verwenden. Kein Grund zur Sorge.
Wie teste ich ältere Versionen von Safari?
Um alte Versionen von Safari auf Browserstack zu testen, müssen Sie die entsprechenden iOS-Versionen verwenden, ohne sich allzu viele Gedanken über die Geräte zu machen, auf denen sie installiert sind. Dies garantiert eine gute, wenn auch nicht vollständige Abdeckung.
Mac-Benutzer haben eine weitere Möglichkeit, auf iOS-Geräten zu testen: den Xcode-Simulator. Er gewährleistet hohe Zuverlässigkeit, durchschnittlich schnellere Leistung als Browserstack und vollständige Kontrolle über das getestete Gerät.