Chrome telah beradaptasi dengan ekosistem tablet Android dengan mengaktifkan mode desktop secara default di tablet premium. Postingan blog ini menjelaskan apa yang dimaksud dengan mode desktop, dan hal-hal yang perlu diketahui developer tentang cara memberikan pengalaman berkualitas tinggi di tablet premium.
Situs harus beradaptasi dengan berbagai ukuran layar, faktor bentuk, metode input, dan kemampuan perangkat. Sebagai alternatif untuk menggunakan teknik desain responsif, developer web sering melihat User-Agent browser untuk menayangkan situs yang berbeda untuk perangkat seluler dan desktop.
Secara historis, Agen Pengguna mobile adalah setelan default untuk Chrome di Android. Dalam mode ini, situs yang didesain khusus untuk desktop (yaitu, tidak ada meta viewport) akan ditampilkan menggunakan area pandang virtual tetap default 980 piksel untuk kenyamanan membaca di berbagai layar ponsel. Untuk kasus ketika pengguna hanya ingin memuat situs versi desktop (karena situs merender versi situs yang berbeda berdasarkan Agen Pengguna), pengguna dapat mengaktifkan setelan mode desktop yang akan mengubah Agen Pengguna ke desktop, dan memaksa area pandang menjadi 980 piksel.
Karena ekosistem tablet Android telah melihat lebih banyak perangkat besar dan canggih yang tersedia, kami mendapati bahwa situs desktop sering kali memberikan pengalaman yang lebih baik daripada situs seluler. Situs seluler yang didesain untuk layar kecil dan RAM rendah tidak selalu memanfaatkan layar besar dan kemampuan perangkat yang canggih lainnya. Oleh karena itu, untuk tablet premium, mode desktop kini menjadi default.
Dengan perubahan ini, User-Agent akan menjadi User-Agent desktop secara default dan akan menggunakan area pandang yang cocok dengan lebar jendela dan tidak menggunakan ukuran area pandang virtual default 980 piksel.
Informasi untuk developer tentang mode desktop
Pengguna Chrome di Android dapat mengubah setelan mode desktop untuk meminta situs desktop atau situs seluler secara default. Hal ini tidak berubah, sehingga banyak pengguna sudah memahami cara mengubah mode.
Chrome akan meminta situs desktop secara default di tablet premium (yang memiliki layar minimal 10" dan RAM 8 GB). Developer web harus memastikan situs mereka berfungsi dengan baik dalam mode desktop di tablet.
Dengan perubahan ini ke mode desktop secara default, agen pengguna default untuk sebagian besar pengguna tablet Android Anda akan berubah dari versi seluler seperti:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
ke versi desktop, seperti ini:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
Selain itu, header HTTP SEC-CH-UA-MODEL dan SEC-CH-UA-PLATFORM tidak akan lagi melaporkan "Pixel Tablet" dan "Android", dan sebagai gantinya akan melaporkan "" dan "Linux".
Menguji situs Anda untuk perubahan ini
Dengan mode desktop yang menjadi default di tablet premium, sekarang adalah saat yang tepat untuk mengonfirmasi bahwa semua interaksi dengan situs versi desktop berfungsi dengan baik bagi pengguna dengan dan tanpa keyboard fisik, layar sentuh, mouse, atau trackpad yang terpasang.
Jika Anda mengandalkan Agen Pengguna untuk mendeteksi apakah pengguna menggunakan Android, misalnya, dengan Google Analytics, kami memperkirakan bahwa perubahan ini dapat memengaruhi situs Anda. Selain itu, karena Chrome Desktop dan Chrome di Android tidak memiliki semua Web Platform API yang sama persis, Anda harus menggunakan deteksi fitur sebelum menggunakan kemampuan perangkat.
Jika Anda mengandalkan Agen Pengguna untuk menawarkan kepada pengguna untuk menginstal aplikasi Anda, Anda mungkin secara tidak sengaja menawarkan untuk mendownload biner Linux. Sebaiknya gunakan Manifes Aplikasi Web bersama dengan properti related_applications. Tindakan ini kemudian akan menggunakan mekanisme default Chrome di Android untuk meminta pengguna menginstal aplikasi Anda.
Anda dapat menguji situs dengan mode desktop yang diaktifkan dan dinonaktifkan dengan mengikuti langkah-langkah ini. Atau, Anda dapat menggunakan Simulasi Perangkat Chrome DevTools dan Penggantian Agen Pengguna.