在高階平板電腦上,Chrome 預設啟用電腦模式

在平板電腦上比較行動裝置和電腦的檢視畫面。

Chrome 會在高階平板電腦上預設啟用電腦模式,以便適應 Android 平板電腦生態系統。這篇網誌文章將說明電腦模式,以及開發人員在提供高品質的平板電腦體驗時,需要瞭解的相關資訊。

網站必須能配合各種螢幕大小、板型規格、輸入方法和裝置功能。除了使用回應式設計技術,網頁開發人員通常會查看瀏覽器的 User-Agent,為行動裝置和電腦提供不同的網站。

根據過往經驗,mobile User-Agent 是 Android 版 Chrome 的預設值。在這個模式中,專為電腦設計的網站 (也就是沒有中繼可視區域) 會使用預設的固定虛擬可視區域 (980 像素) 進行顯示,讓使用者在各種手機螢幕上都能輕鬆閱讀。如果使用者只想載入網站的電腦版,因為網站會根據使用者代理程式顯示不同版本的網站,使用者可以啟用電腦模式設定,將使用者代理程式變更為電腦版,並強制將可視區域設為 980 像素。

隨著 Android 平板電腦生態系統中出現更多大型強大裝置,我們發現電腦版網站通常比行動版網站提供更好的使用體驗。專為小螢幕和低 RAM 設計的行動網站,不一定能充分利用大螢幕和其他強大的裝置功能。因此,電腦模式現在是高階平板電腦的預設模式。

在這個變更後,User-Agent 預設為電腦 User-Agent,並會使用與視窗寬度相符的可視區域,而不會使用預設的 980 像素虛擬可視區域大小。

開發人員的電腦版模式相關資訊

Android 版 Chrome 使用者可以變更電腦模式設定,預設要求電腦版或行動版網站。這項功能不會有所變動,因此許多使用者都已熟悉如何變更模式。

要求 Android 裝置上的電腦版畫面螢幕截圖。

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-MODELSEC-CH-UA-PLATFORM HTTP 標頭將不再回報「Pixel Tablet」和「Android」,而是分別回報「"」和「Linux」。

測試網站是否符合這項異動

由於平板電腦的桌面模式已成為預設值,建議您確認所有使用者 (無論是否已連接實體鍵盤、觸控螢幕、滑鼠或觸控板) 都能順利使用網站的桌面版。

如果您是透過使用者代理程式偵測使用者是否使用 Android (例如透過 Google Analytics),這項異動可能會對您的網站造成影響。此外,由於 Chrome 電腦版和 Android 版 Chrome 不一定共用相同的網路平台 API,因此請務必先使用功能偵測,再使用裝置功能。

如果您依賴 User-Agent 提供應用程式安裝作業,可能會不小心提供 Linux 二進位檔下載作業。建議您使用 Web App 資訊清單搭配 related_applications 屬性。接著,系統會使用 Android 版 Chrome 的預設機制,提示使用者安裝您的應用程式。

您可以按照這些步驟,在啟用和停用電腦版模式的情況下測試網站,或者使用 Chrome 開發人員工具裝置模擬功能使用者代理程式覆寫值