Chrome 98 版的新功能

以下是一些注意事項:

我是 Pete LePage,讓我們深入瞭解 Chrome 98 版為開發人員提供的新功能。

在 Android 裝置上選擇不使用自動深色主題

在 Chrome 96 中,我們開始針對 Android 上的自動深色主題進行來源試用。

有了這項功能,如果您的網站採用淺色主題,且使用者的作業系統處於深色模式,瀏覽器就會將自動產生的深色主題套用至您的網站。

如果您已註冊原始版本試用版,且想為特定網頁停用系統自動產生的深色主題,可以使用中繼標記。

<meta name="color-scheme" content="only light">

或者,您也可以在 :root 元素上設定 color-scheme: only light,選擇不參與。

:root {
  color-scheme: only light;
}

不過,這項方法的主要優點是,您可以為個別元素套用特定樣式,藉此選擇不套用。

.only-light,
#my-element {
  color-scheme: only light;
}

如需完整詳細資料,請參閱「Android 裝置上的自動套用深色主題」一文中的「如何停用自動套用深色主題」一節。

COLRv1 字型支援

Chrome 98 現已支援 COLRv1,這是 COLRv0 字型格式的進階版本。它會新增漸層、合成和混合功能,並改善形狀重用功能,以便壓縮精簡且清晰的字型檔案。

使用彩色字型,可讓醒目文字、標題和橫幅更加醒目。

使用 COLRv1 字型的廣告標題

我最喜歡的 COLRv1 用途之一,就是在所有平台上顯示一致的表情符號。您不需要將表情符號替換為圖片檔,因為字型檔案會變小,更容易納入網頁。

使用一致表情符號的字型檔案

我們正在努力改善功能偵測方式,因為這項功能的偵測方式不如預期的簡單。但這項功能仍值得關注。

如需更多詳細資訊,以及如何建立自己的字型,請參閱 Chrome 98 中的 COLRv1 色彩漸層向量字型

在使用者代理程式字串中模擬 Chrome 100

幾個月後,Chrome 將推出第 100 版,版本號碼將是三位數。請檢查所有檢查版本號碼或剖析使用者代理程式字串的程式碼,確保這些程式碼可處理三位數。

有一個名為 #force-major-version-to-100 的標記,會將目前的版本號碼變更為 100,讓您確保一切運作正常。

Chrome 旗標頁面,強調新的 #force-major-version-to-100 選項

還有更多獎品等著您!

當然,還有許多其他功能。

CORS 預檢要求現在會在私人網路要求子資源之前傳送,要求目標伺服器提供明確的權限。

Region Capture 是用於裁剪自拍影片音軌的 API,目前正在進行新的來源試用。非常適合在視訊會議應用程式中分享螢幕畫面,避免產生鏡廳效果!

我們原先計劃在 Chrome 98 中加入視窗重疊控制項,但由於在最後一刻發現問題,因此未能加入。我們仍在進行相關作業,預計在接下來幾個版本中推出。

延伸閱讀

這份文件僅涵蓋部分重點。請參閱下方連結,瞭解 Chrome 98 中的其他變更。

訂閱

如要隨時掌握最新消息,請訂閱 Chrome 開發人員 YouTube 頻道,這樣一來,我們發布新影片時,你就會收到電子郵件通知。

我是 Pete LePage,Chrome 99 一推出,我就會在這裡告訴你 Chrome 的新功能!