Chrome wurde an das Android-Tablet-Ökosystem angepasst. Auf Premium-Tablets ist der Desktopmodus standardmäßig aktiviert. In diesem Blogpost wird der Desktopmodus erläutert und was Entwickler wissen müssen, um eine hochwertige Nutzererfahrung auf Premium-Tablets zu bieten.
Websites müssen sich an eine Vielzahl von Bildschirmgrößen, Formfaktoren, Eingabemethoden und Gerätefunktionen anpassen. Als Alternative zur Verwendung von Responsive-Design-Techniken sehen sich Webentwickler häufig den User-Agent des Browsers an, um unterschiedliche Websites für Mobilgeräte und Computer bereitzustellen.
Bisher war ein mobile-User-Agent der Standard für Chrome auf Android. In diesem Modus werden Websites, die nur für Desktop-Computer entwickelt wurden (d. h. es gibt keinen Meta-Darstellungsbereich), mit einem festen virtuellen Standarddarstellungsbereich von 980 Pixeln angezeigt, sodass sie bequem auf einer Vielzahl von Smartphone-Bildschirmen gelesen werden können. Wenn der Nutzer nur die Desktopversion der Website laden möchte, weil die Website je nach User-Agent unterschiedliche Versionen der Website 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 px festgelegt.
Da immer mehr große und leistungsstarke Android-Tablets auf den Markt kommen, haben wir festgestellt, dass die Desktopversion der Website oft besser funktioniert als die mobile Version. Mobile Websites, die für kleine Bildschirme und wenig RAM entwickelt wurden, nutzen nicht immer den großen Bildschirm und andere leistungsstarke Funktionen von Geräten. Daher ist der Desktopmodus jetzt der Standardmodus für Premium-Tablets.
Mit dieser Änderung ist der User-Agent standardmäßig ein User-Agent für Computer. Er verwendet einen Darstellungsbereich, der der Fensterbreite entspricht, und verwendet keine standardmäßige Größe des virtuellen Darstellungsbereichs von 980 px.
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 Mobilwebsite anzufordern. Das ändert sich nicht, sodass viele Nutzer bereits wissen, wie sie den Modus ändern.
Auf Premium-Tablets (mit mindestens 10" Display und 8 GB RAM) fordert Chrome standardmäßig die Desktopversion an. Webentwickler sollten dafür sorgen, dass ihre Website auf Tablets im Desktopmodus gut funktioniert.
Durch diese Änderung zum Standard-Desktopmodus ändert sich der Standard-User-Agent für die meisten Ihrer Android-Tablet-Nutzer von der mobilen Version zu:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
auf eine Desktop-Version wie diese:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Außerdem werden in den HTTP-Headern SEC-CH-UA-MODEL und SEC-CH-UA-PLATFORM nicht mehr „Pixel Tablet“ und „Android“ angegeben, sondern stattdessen „"“ und „Linux“.
Websites auf diese Änderung testen
Da der Desktopmodus auf Premium-Tablets zum Standard wird, ist es ein guter Zeitpunkt, um zu überprüfen, ob alle Interaktionen mit den Desktopversionen Ihrer Website für Nutzer mit und ohne angeschlossene physische Tastatur, einen Touchscreen, eine Maus oder ein Touchpad gut funktionieren.
Wenn Sie den User-Agent verwenden, um zu erkennen, ob Ihre Nutzer Android verwenden, z. B. in Google Analytics, kann sich diese Änderung auf Ihre Website auswirken. Da Chrome für Computer und Chrome für Android nicht genau dieselben Webplattform-APIs verwenden, ist es außerdem wichtig, dass Sie die Funktionserkennung verwenden, bevor Sie eine Gerätefunktion verwenden.
Wenn Sie Nutzern über den User-Agent anbieten, Ihre App zu installieren, bieten Sie ihnen möglicherweise versehentlich den Download einer Linux-Binärdatei an. Wir empfehlen die Verwendung eines Web-App-Manifests zusammen mit der related_applications-Property. Dabei wird der Standardmechanismus von Chrome auf Android verwendet, um den Nutzer zur Installation Ihrer App aufzufordern.
Sie können Ihre Website mit aktiviertem und deaktiviertem Desktopmodus testen. Folgen Sie dazu dieser Anleitung. Alternativ können Sie die Gerätesimulation in den Chrome-Entwicklertools und User-Agent-Überschreibungen verwenden.