Mobile Browser-Emulation (Mozilla, iPhone & mehr)

Was der User-Agent-String eigentlich bedeutet

Der User Agent ist eine Zeichenfolge, die von einem Desktop- oder mobilen Browser zusammen mit einer HTTP(S)-Anfrage für eine beliebige Webseite im Internet übergeben wird. Die Zeichenfolge enthält spezifische Informationen über die Software und Hardware des Geräts, das die Anforderung stellt, sowie die spezifische Technologie, die für den Zugriff auf eine Website, eine Webseite oder andere Onlineinhalte verwendet wird. Der User-Agent-String ist für jeden Webbenutzer eindeutig. Diese Informationen enthalten in der Regel Details über den Browsernamen, die Web-Rendering-Engine, die native Plattform (z. B. für mobile Browser, iOS, Android, Amazon KFTHWI, Windows Phone 8, BB10, RIM Tablet OS usw.) und das Gerät, auf dem der Browser ausgeführt wird.

Mit Hilfe des User-Agent-Strings können Sie neben dem Namen des Betriebssystems, seiner Version und dem Prozessortyp eine Vielzahl von Parametern ermitteln. Sie können auch das Gerät identifizieren, auf dem der Browser ausgeführt wird – es kann ein Tablet, ein PC, ein iPad, ein iPhone oder ein anderes mobiles Gerät sein. Darüber hinaus kann der User-Agent-String Informationen über Funktionen enthalten, die ein Webbrowser unterstützt (z. B. JavaScript, Cookie, Java-Applet, ActiveX usw.).

Sie können den User-Agent-String, der Ihren Browser angibt, im Chrome-Browser überprüfen, indem Sie Folgendes eingeben:

about:

Sobald ein Benutzer eine URL einer Website in einen Browser eingegeben hat, sendet der Browser seinen User-Agent-String an die Website, mit der er eine Verbindung herstellen möchte. Nachdem der User-Agent auf einem Webserver identifiziert wurde, gibt der Server geeignete Inhalte (Dateien, JavaScript, Mediendateien) zurück, die den Browserparametern entsprechen. Auf diese Weise können dem Browser verschiedene Versionen derselben Webseite basierend auf dem User-Agent-Header zur Verfügung gestellt werden.

Die größte Herausforderung beim Verständnis des User-Agent-Strings besteht jedoch darin, dass die meisten Browser nicht nur tatsächliche Informationen darüber angeben, woraus sie aufgebaut sind, sondern auch, womit sie kompatibel sind. Zum Beispiel meldet fast jeder moderne Browser Mozila/5.0 als Teil seines User-Agent-Strings.

So lesen Sie den User-Agent-String

Da es kein Standardformat für einen User-Agent-String gibt, kann es schwierig sein, ihn zu lesen. Im Internet finden Sie jedoch zahlreiche Richtlinien zum Parsen und Analysieren des Inhalts von User-Agent-Strings. Sie können auch Online-Analysetools (z. B. whatismybrowser.com) verwenden, um diese Herausforderung zu bewältigen.

In diesem Artikel behandeln wir nur die Grundlagen der User-Agent-String-Terminologie. Lassen Sie uns den User-Agent-String mit folgendem Inhalt analysieren:

Mozilla / 5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit / 600.1.3 (KHTML, like Gecko) Version / 8.0 Mobile / 12A4345d Safari / 600.1.4

Die Beispielzeichenfolge enthält einige häufig verwendete Token. Werfen wir einen genaueren Blick darauf, wofür jeder der Namen eigentlich steht:

• Mozilla/ 5.0 wird, wie oben erwähnt, von modernen Browsern verwendet, um Webservern mitzuteilen, dass ein Browser Mozilla-kompatibel ist. Mozilla ist ein Codename, der von Netscape verwendet wird und von anderen Browsern in ihren User-Agent-Strings ausgefüllt wird, um mit dem gleichen Inhalt wie Netscape bedient zu werden.
• AppleWebKit ist eine Web-Rendering-Engine-Kennung, die auf Apple-Geräten verwendet wird und von einigen anderen Gerätetypen wie BlackBerry unterstützt wird.
• KHTML ist eine Engine, die von Safari und Chrome verwendet wird.
• Gecko ist die Engine, die in den neuesten Versionen von Firefox verwendet wird. Das “Like Gecko”-Token wird verwendet, um mit den Websites kompatibel zu sein, die ihre Inhalte für Geko-basierte Browser bereitstellen.
• Safari ist das Token, das einen tatsächlichen Browsernamen angibt.

So emulieren Sie ein mobiles Gerät in einem Desktop-Browser (Google Chrome)

Um eine mobile Version Ihrer Website anzuzeigen und zu testen, können Sie integrierte Tools verwenden, die von allen modernen Webbrowsern bereitgestellt werden. Als Beispiel führen wir Sie durch die Emulation des mobilen Browsermodus in Google Chrome.

Starten Sie zunächst Chrome. Öffnen Sie in Google Chrome eine mobile Website, die Sie testen möchten. Klicken Sie dann auf die Schaltfläche Google Chrome anpassen und verwalten (drei vertikale Punkte in der oberen rechten Ecke des Browserfensters). Wählen Sie im Menü Weitere Tools < Entwicklertools aus. Oder Sie können STRG + Umschalt + I für Windows, Unix und Cmd+Opt+I für Mac OS verwenden.

Klicken Sie dann auf das Symbol Gerätesymbolleiste umschalten . Der Browser-Emulator wird gestartet und die Gerätesimulation aktiviert. Dadurch wird die mobile Ansicht der Seite geladen.

Standardmäßig verwendet die Gerätesymbolleiste einen responsiven Modus für die geladene Seite. Sie können das Mobilgerät auswählen, das Sie für Ihren Test emulieren möchten: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (von Version 5 bis iPhone X), iPad und iPad Pro. Die Seite des Mobilgeräts wird neu geladen, als ob Sie das Smartphone oder Tablet verwenden würden, das Sie aus der Liste ausgewählt haben.

Wenn Sie fertig sind, schließen Sie einfach die Google Chrome-Entwicklertools, um zur Standard-Desktop-Ansicht zurückzukehren.