Przeglądarka Chrome dostosowała się do ekosystemu tabletów z Androidem, włączając domyślnie tryb pulpitu na tabletach premium. W tym poście na blogu wyjaśniamy, co to jest tryb na komputery i co deweloperzy muszą wiedzieć o zapewnianiu wysokiej jakości treści na tabletach premium.
Strony internetowe muszą się dostosowywać do różnych rozmiarów ekranu, formatów, metod wprowadzania i możliwości urządzeń. Zamiast korzystać z techniki elastycznego projektowania stron, programiści często korzystają z klienta użytkownika przeglądarki, aby wyświetlać różne witryny na urządzeniach mobilnych i komputerach.
W przeszłości domyślny klient użytkownika mobile jest domyślny w Chrome na urządzeniach z Androidem. W tym trybie witryny przeznaczone tylko na komputery (czyli brak meta widocznego obszaru) wyświetlają się w domyślnym, stałym obszarze wirtualnym 980 pikseli, by wygodniej czytać na różnych ekranach telefonów. Jeśli użytkownik chce wczytać tylko wersję komputerową witryny (ponieważ witryna renderuje jej różne wersje w zależności od klienta użytkownika), może włączyć ustawienia trybu pulpitu, co spowoduje zmianę klienta na komputer i wymusi 980 pikseli widocznego obszaru.
Ponieważ w ekosystemie tabletów z Androidem urządzenia stały się coraz większe i coraz bardziej wydajne, stwierdziliśmy, że strona na komputery jest często wygodniejsza niż wersja mobilna. Witryny mobilne, które zostały zaprojektowane z myślą o małych ekranach i małej ilości pamięci RAM, nie zawsze wykorzystują duży ekran i inne możliwości urządzeń. Dlatego w przypadku tabletów premium tryb pulpitu jest teraz domyślny.
Po tej zmianie będzie domyślnie wyświetlany w wersji komputerowej i będzie korzystać z widocznego obszaru pasującego do szerokości okna, a nie z domyślnego rozmiaru widocznego obszaru, czyli 980 pikseli.
Informacje dla deweloperów o trybie pulpitu
Użytkownicy Chrome na Androidzie mogą zmienić ustawienia trybu komputerowego, aby domyślnie otwierać strony na komputery lub urządzenia mobilne. To się nie zmienia, więc wielu użytkowników już wie, jak zmieniać tryby.
Na tabletach premium (tych z ekranem o przekątnej 10 cali i 8 GB pamięci RAM) Chrome domyślnie wyświetli stronę na komputery. Deweloperzy powinni się upewnić, że ich witryny działają prawidłowo na tabletach w trybie stacjonarnym.
Po tej zmianie trybu pulpitu domyślnie nastąpi zmiana domyślnego klienta użytkownika dla większości użytkowników tabletów z Androidem po zmianie wersji na urządzenia mobilne, na przykład:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
na komputerze, np.:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Dodatkowo w nagłówkach HTTP SEC-CH-UA-MODEL i SEC-CH-UA-PLATFORM nie będą już pojawiać się pozycje „Pixel Tablet” i „Android”, a zamiast nich będą widoczne odpowiednio „” i „Linux”.
Przetestuj swoje witryny pod kątem tej zmiany
Tryb pulpitu staje się domyślnym trybem na tabletach premium, dlatego warto sprawdzić, czy wszystkie interakcje z komputerową wersją witryny działają prawidłowo w przypadku użytkowników z podłączoną klawiaturą fizyczną, ekranem dotykowym, myszką lub trackpadem.
Jeśli korzystasz z klienta użytkownika, aby wykryć, czy użytkownicy używają Androida, np. w Google Analytics, ta zmiana może mieć wpływ na Twoją witrynę. Co więcej, Chrome na komputery i Chrome na urządzeniach z Androidem nie współdzielą tych samych interfejsów API platformy internetowej, dlatego tak ważne jest wykrywanie funkcji, zanim wykorzystasz możliwości urządzenia.
Jeśli korzystasz z klienta użytkownika, aby oferować użytkownikom możliwość zainstalowania Twojej aplikacji, możesz niechcący zaproponować pobranie pliku binarnego systemu Linux. Zalecamy używanie pliku manifestu aplikacji internetowej razem z właściwością related_applications. Spowoduje to użycie domyślnego mechanizmu Chrome w Androidzie z prośbą o zainstalowanie Twojej aplikacji.
Aby przetestować witrynę z włączonym i wyłączonym trybem pulpitu, wykonaj te czynności. Możesz też użyć symulacji urządzeń w Chrome DevTools i zastąpienia klienta użytkownika.