Chrome 已配合 Android 平板電腦的生態系統進行調整,在高階平板電腦上預設啟用電腦模式。這篇網誌文章將說明電腦模式,以及開發人員在提供高品質的平板電腦體驗時,需要瞭解的相關資訊。
網站必須能配合各種螢幕大小、板型規格、輸入方法和裝置功能。除了使用回應式設計技巧,網頁開發人員通常會查看瀏覽器的 User-Agent,為行動裝置和電腦提供不同的網站。
以往,Android 上的 Chrome 預設使用 mobile
使用者代理程式。在這個模式中,專為電腦設計的網站 (也就是沒有中繼可視區域) 會使用預設的固定虛擬可視區域 (980 像素) 進行顯示,讓使用者在各種手機螢幕上都能輕鬆閱讀。如果使用者只想載入網站的電腦版,因為網站會根據使用者代理程式轉譯不同版本的網站,使用者可以啟用電腦模式設定,將使用者代理程式變更為電腦版,並強制將可視區域設為 980 像素。
隨著 Android 平板電腦生態系統中出現更多大型強大裝置,我們發現電腦版網站通常比行動版網站提供更好的使用體驗。專為小螢幕和低 RAM 設計的行動網站,不一定能充分利用大螢幕和其他強大的裝置功能。因此,現在高階平板電腦的預設模式為電腦模式。
在這個變更後,User-Agent 預設為電腦 User-Agent,並會使用與視窗寬度相符的可視區域,而不會使用預設的 980 像素虛擬可視區域大小。
給開發人員的電腦模式相關資訊
Android 版 Chrome 使用者可以變更電腦模式設定,讓系統預設要求電腦版或行動版網站。這並未改變,因此許多使用者熟悉如何變更模式。
Chrome 預設會在高階平板電腦 (螢幕尺寸至少 10 吋,且 RAM 為 8 GB) 上要求電腦版網站。網頁開發人員應確保網站在平板電腦上順利運作。
根據預設,這項模式切換成電腦模式後,大部分 Android 平板電腦使用者的預設使用者代理程式都會從行動版變更為以下版本:
Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
到電腦版網頁,如下所示:
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36
此外,SEC-CH-UA-MODEL
和 SEC-CH-UA-PLATFORM
HTTP 標頭將不再回報「Pixel Tablet」和「Android」,而是分別回報「"」和「Linux」。
測試網站是否符合這項異動
由於高階平板電腦的預設模式為電腦模式,因此現在是時候確認所有與電腦版網站的互動都能順利運作,無論使用者是否連接實體鍵盤、觸控螢幕、滑鼠或觸控板。
如果您是透過使用者代理程式偵測使用者是否使用 Android (例如透過 Google Analytics),這項異動可能會對您的網站造成影響。此外,由於 Chrome 電腦版和 Android 版 Chrome 不一定共用相同的網路平台 API,因此在使用裝置功能前,請務必先使用功能偵測功能。
如果您仰賴使用者代理程式提供使用者安裝應用程式,那麼可能會在無意間提議下載 Linux 二進位檔。建議您使用 Web App 資訊清單,並搭配使用 related_applications 屬性。這樣一來,您就可以使用 Android 預設機制上的 Chrome,提示使用者安裝您的應用程式。
您可以按照這些步驟,在啟用和停用電腦版模式的情況下測試網站,或者使用 Chrome 開發人員工具裝置模擬功能和使用者代理程式覆寫值。