Chrome heeft zich aangepast aan het Android-tablet-ecosysteem door de desktopmodus standaard in te schakelen op premium-tablets. In deze blogpost wordt uitgelegd wat de desktopmodus is en wat ontwikkelaars moeten weten over het bieden van hoogwaardige ervaringen op premium tablets.
Websites moeten zich aanpassen aan verschillende schermformaten, vormfactoren, invoermethoden en apparaatmogelijkheden. Als alternatief voor het gebruik van responsieve ontwerptechnieken kijken webontwikkelaars vaak naar de User-Agent van de browser om verschillende websites voor mobiele en desktopapparaten te bedienen.
Historisch gezien is een mobile User-Agent de standaard voor Chrome op Android. In deze modus worden sites die speciaal voor desktops zijn ontworpen (dat wil zeggen dat er geen meta-viewport is) weergegeven met een standaard vaste virtuele viewport van 980px, zodat ze comfortabel kunnen worden gelezen op verschillende telefoonschermen. Voor gevallen waarin de gebruiker alleen de desktopversie van de site wil laden (omdat de site verschillende versies van zijn site weergeeft op basis van de User Agent), kan een gebruiker de instellingen voor de desktopmodus inschakelen, waardoor de User Agent wordt gewijzigd in een desktopversie. en forceer dat de viewport 980px is.
Nu er in het ecosysteem van Android-tablets steeds meer grote en krachtige apparaten beschikbaar zijn gekomen, hebben we ontdekt dat de desktopwebsite vaak een betere ervaring biedt dan de mobiele site. Mobiele websites die zijn ontworpen voor kleine schermen en weinig RAM profiteren niet altijd van het grote scherm en andere krachtige apparaatmogelijkheden . Daarom is voor premium tablets de desktopmodus nu de standaard.
Met deze wijziging zal de User-Agent standaard een desktop User-Agent zijn en een viewport gebruiken die overeenkomt met de vensterbreedte en geen standaard virtuele viewport-grootte van 980px gebruiken.
Informatie voor ontwikkelaars over desktopmodus
Chrome-gebruikers op Android kunnen de instellingen voor de desktopmodus wijzigen om standaard een desktopsite of mobiele site aan te vragen. Dit verandert niet, dus veel gebruikers zullen al bekend zijn met het wijzigen van de modus.
Chrome vraagt standaard de desktopsite op premium tablets (die met een beeldscherm van minimaal 10 inch en 8 GB RAM). Webontwikkelaars moeten ervoor zorgen dat hun website goed werkt in desktopmodus op tablets.
Met deze standaardwijziging naar de desktopmodus zal de standaard user-agent voor de meerderheid van uw Android-tabletgebruikers veranderen van de mobiele versie, zoals:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
naar een desktopversie, zoals deze:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Bovendien zullen de HTTP-headers SEC-CH-UA-MODEL en SEC-CH-UA-PLATFORM niet langer "Pixel Tablet" en "Android" rapporteren, maar in plaats daarvan respectievelijk "" en "Linux".
Test uw websites op deze wijziging
Nu de desktopmodus de standaard wordt op premium tablets, is het een goed moment om te bevestigen dat alle interacties met de desktopversies van uw site goed werken voor gebruikers met en zonder een aangesloten fysiek toetsenbord, touchscreen , muis of trackpad.
Als u erop vertrouwt dat de User Agent detecteert of uw gebruikers Android gebruiken, bijvoorbeeld met Google Analytics, verwachten we dat deze wijziging gevolgen kan hebben voor uw site. Omdat Desktop Chrome en Chrome op Android niet allemaal exact dezelfde webplatform-API's delen, is het bovendien van cruciaal belang dat u functiedetectie gebruikt voordat u apparaatmogelijkheden gebruikt.
Als u afhankelijk bent van de User Agent om uw gebruikers aan te bieden uw app te installeren, biedt u mogelijk per ongeluk aan om een Linux-binair bestand te downloaden. We raden u aan een web-app-manifest te gebruiken samen met de eigenschaprelated_applications . Hierbij wordt dan gebruik gemaakt van het standaardmechanisme van Chrome op Android om de gebruiker te vragen uw applicatie te installeren.
U kunt uw website testen terwijl de desktopmodus is ingeschakeld en uitgeschakeld door deze stappen te volgen. U kunt ook Chrome DevTools-apparaatsimulatie en User-Agent-overschrijvingen gebruiken.