Chrome został dostosowany do ekosystemu tabletów z Androidem przez domyślne włączanie trybu komputera na tabletach premium. Z tego posta dowiesz się, czym jest tryb komputera i co deweloperzy muszą wiedzieć, aby zapewnić wysoką jakość na tabletach premium.
Witryny muszą dostosowywać się do różnych rozmiarów ekranów, formatów, metod wprowadzania danych i możliwości urządzeń. Zamiast technik elastycznego projektowania stron programiści często używają agenta User-Agent przeglądarki do obsługi różnych witryn na urządzenia mobilne i komputery.
Domyślnie w Chrome na Androida używany jest klient użytkownika mobile
. W tym trybie witryny zaprojektowane tylko na komputery (czyli takie, które nie mają tagu meta viewport) będą wyświetlane przy użyciu domyślnego stałego wirtualnego widocznego obszaru o wymiarach 980 pikseli, aby zapewnić wygodne czytanie na różnych ekranach telefonów. W przypadku, gdy użytkownik chce załadować tylko wersję na komputer (ponieważ witryna renderuje różne wersje na podstawie klienta użytkownika), może włączyć ustawienia trybu komputera, które zmienią klienta użytkownika na klienta komputera i wymuszą widoczny obszar o wymiarach 980 pikseli.
Wraz z rozwojem ekosystemu tabletów z Androidem coraz łatwiej jest znaleźć duże i wydajne urządzenia. Zauważyliśmy, że witryna na komputery często działa lepiej niż witryna mobilna. Witryny mobilne zaprojektowane z myślą o małych ekranach i małej ilości pamięci RAM nie zawsze wykorzystują duży ekran i inne wydajne funkcje. Dlatego w przypadku tabletów premium domyślnie jest teraz używany tryb komputera.
Dzięki tej zmianie User-Agent będzie domyślnie odpowiadać przeglądarce na komputerze i będzie używać widocznego obszaru odpowiadającego szerokości okna, a nie domyślnego rozmiaru wirtualnego widocznego obszaru wynoszącego 980 pikseli.
Informacje dla deweloperów o trybie komputera
Użytkownicy Chrome na Androidzie mogą zmienić ustawienia trybu pulpitu, aby domyślnie żądać wersji na komputer lub na urządzenia mobilne. To się nie zmienia, więc wielu użytkowników wie już, jak zmieniać tryby.
Na tabletach premium (z ekranem o przekątnej co najmniej 10 cali i 8 GB pamięci RAM) Chrome domyślnie żąda wersji na komputer. Deweloperzy powinni zadbać o to, aby ich witryna działała prawidłowo w trybie komputera na tabletach.
W ramach tej zmiany domyślnie będzie używany tryb komputera, co spowoduje, że domyślny klient użytkownika na większości tabletów z Androidem zmieni się z wersji mobilnej na wersję na komputer, np.:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
do wersji komputerowej, np. w ten sposób:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Dodatkowo nagłówki HTTP SEC-CH-UA-MODEL
i SEC-CH-UA-PLATFORM
nie będą już zawierać informacji o urządzeniu „Pixel Tablet” ani „Android”. Zamiast tego będą zawierać odpowiednio informacje o urządzeniu „"” i „Linux”.
Testowanie witryn pod kątem tej zmiany
Tryb komputera stał się domyślnym trybem na tabletach premium, dlatego warto sprawdzić, czy wszystkie interakcje z wersjami na komputery działają prawidłowo u użytkowników z podłączoną fizyczną klawiaturą, ekranem dotykowym, myszką lub panelem dotykowym.
Jeśli używasz klienta użytkownika do wykrywania, czy Twoi użytkownicy korzystają z Androida, np. z Google Analytics, oczekujemy, że ta zmiana będzie miała wpływ na Twoją witrynę. Ponadto Chrome na komputery i Chrome na Androida nie korzystają z tych samych interfejsów API platformy internetowej, dlatego przed użyciem funkcji urządzenia należy użyć wykrywania funkcji.
Jeśli korzystasz z User Agent, aby zachęcić użytkowników do zainstalowania aplikacji, możesz nieumyślnie zaoferować pobranie pliku binarnego na Linuksa. Zalecamy używanie pliku manifestu aplikacji internetowej z właściwością related_applications. W tym celu użyje domyślnego mechanizmu Chrome na Androidzie, aby poprosić użytkownika o zainstalowanie aplikacji.
Możesz przetestować swoją witrynę z włączonym i wyłączonym trybem komputera, wykonując te czynności. Możesz też użyć simulacji urządzeń w Narzędziach deweloperskich w Chrome i zastąpień klienta użytkownika.