Chrome wurde an das Android-Tablet-Ökosystem angepasst und aktiviert den Desktopmodus standardmäßig auf Premium-Tablets. In diesem Blogpost wird erläutert, was der Desktopmodus ist und was Entwickler wissen müssen, um auf Premium-Tablets eine hochwertige Nutzererfahrung zu bieten.
Websites müssen sich an verschiedene Bildschirmgrößen, Formfaktoren, Eingabemethoden und Gerätefunktionen anpassen. Als Alternative zu responsivem Design sehen sich Webentwickler oft den User-Agent des Browsers an, um verschiedene Websites für Mobilgeräte und Computer bereitzustellen.
Bisher war ein mobile-User-Agent die Standardeinstellung für Chrome auf Android. In diesem Modus werden Websites, die nur für Computer entwickelt wurden (d. h. kein meta viewport vorhanden ist), mit einem standardmäßigen festen virtuellen Darstellungsbereich von 980 Pixeln angezeigt, damit sie auf verschiedenen Smartphone-Bildschirmen gut lesbar sind. Wenn der Nutzer nur die Desktopversion der Website laden möchte (da die Website je nach User-Agent unterschiedliche Versionen rendert), kann er die Einstellungen für den Desktopmodus aktivieren. Dadurch wird der User-Agent in einen Desktop-User-Agent geändert und der Darstellungsbereich auf 980 Pixel festgelegt.
Da immer mehr große und leistungsstarke Android-Tablets auf den Markt kommen, haben wir festgestellt, dass die Desktop-Website oft besser als die mobile Website ist. Mobile Websites, die für kleine Bildschirme und wenig RAM entwickelt wurden, nutzen nicht immer den großen Bildschirm und andere leistungsstarke Gerätefunktionen. Daher ist der Desktopmodus jetzt der Standard für Premium-Tablets.
Durch diese Änderung wird standardmäßig ein Desktop-User-Agent verwendet. Außerdem wird ein Darstellungsbereich verwendet, der der Fensterbreite entspricht, und nicht die virtuelle Standardgröße von 980 Pixeln.
Informationen für Entwickler zum Desktopmodus
Chrome-Nutzer auf Android-Geräten können die Einstellungen für den Desktopmodus ändern, um standardmäßig eine Desktop- oder Mobilgeräte-Website anzufordern. Das ändert sich nicht. Viele Nutzer wissen also bereits, wie sie den Modus ändern können.
Chrome fordert auf Premium-Tablets (mit mindestens 10‑Zoll-Display und 8 GB RAM) standardmäßig die Desktopwebsite an. Webentwickler sollten dafür sorgen, dass ihre Website im Desktopmodus auf Tablets gut funktioniert.
: Nutzer, die zuvor die Desktopwebsite als Standard festgelegt oder die Standardeinstellung deaktiviert haben, sind von dieser Änderung nicht betroffen.Durch diese Änderung des Standard-Desktopmodus ändert sich der Standard-User-Agent für die meisten Nutzer von Android-Tablets von der mobilen Version wie:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
auf eine Desktopversion umgestellt, wie hier:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Außerdem wird in den HTTP-Headern SEC-CH-UA-MODEL und SEC-CH-UA-PLATFORM nicht mehr „Pixel Tablet“ und „Android“, sondern „“ bzw. „Linux“ angegeben.
Websites auf diese Änderung testen
Da der Desktopmodus auf Premium-Tablets zum Standard wird, ist es jetzt an der Zeit, zu prüfen, ob alle Interaktionen mit den Desktopversionen Ihrer Website für Nutzer mit und ohne angeschlossene physische Tastatur, Touchscreen, Maus oder Trackpad gut funktionieren.
Wenn Sie den User-Agent verwenden, um zu erkennen, ob Ihre Nutzer Android verwenden, z. B. mit Google Analytics, kann sich diese Änderung auf Ihre Website auswirken. Da Desktop-Chrome und Chrome für Android nicht alle Webplattform-APIs gemeinsam nutzen, ist es außerdem wichtig, dass Sie die Funktionserkennung verwenden, bevor Sie eine Gerätefunktion nutzen.
Wenn Sie den User-Agent verwenden, um Ihren Nutzern die Installation Ihrer App anzubieten, bieten Sie möglicherweise versehentlich den Download einer Linux-Binärdatei an. Wir empfehlen, ein Web-App-Manifest zusammen mit der Property related_applications zu verwenden. Dabei wird der Standardmechanismus von Chrome für Android verwendet, um den Nutzer aufzufordern, Ihre Anwendung zu installieren.
Sie können Ihre Website mit aktiviertem und deaktiviertem Desktopmodus testen. Folgen Sie dazu dieser Anleitung. Alternativ können Sie auch die Gerätesimulation in den Chrome-Entwicklertools und User-Agent-Überschreibungen verwenden.