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 色彩漸層向量字型」瞭解詳情,以及如何建立自己的字型。

在通用 Analytics 字串中模擬 Chrome 100

幾個月後,Chrome 將推出第 100 版,版本號碼將是三位數。請檢查任何檢查版本號碼或剖析通用 Analytics 字串的程式碼,確認其會處理三位數。

有一個名為 #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 的新功能!