Chrome 101 新功能

以下是一些注意事項:

讓我們看看 Chrome 101 有哪些新功能。

hwb() 顏色標記

Stefan Judis 在文章中hwb() 描述為「人類的顏色標記」,可根據色調、白度和黑度指定顏色。如同其他顏色標記,選用的 Alpha 元件會指定不透明度。

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

目前已可使用這種指定顏色的方法,Firefox 96 以上版本和 Safari 15 以上版本都支援這項功能。

擷取優先順序

擷取優先順序可讓您使用 fetchpriority 屬性,向瀏覽器提示資源的下載順序。可接受的值為 "high""low""auto"

  • "high":您認為資源的優先順序較高,且希望瀏覽器優先處理,只要瀏覽器的啟發式演算法允許即可。
  • "low":您認為資源的優先順序較低,且希望瀏覽器在啟發式演算法允許的情況下,降低資源的優先順序。
  • "auto":這是預設值,可讓瀏覽器決定適當的優先順序。

在下方範例中,低優先順序圖片以 fetchpriority="low" 表示。

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

如要進一步瞭解各種用途,請參閱「使用 Fetch Priority API 最佳化資源載入作業」。

這個版本也包含以下功能

USBDevice 物件有新的 forget() 方法。這樣一來,您就能忘記先前已授予權限的裝置。舉例來說,如果這是與多部裝置共用電腦時使用的應用程式。

此外,針對 Web USB,我們也修正了支援 USBDevice 內相關屬性的 [SameObject]。如要查看規格異動,請參閱草案規格的 PR

從安全 (HTTPS) 來源載入,但由不安全 (非 HTTPS) 環境例項化的專用 Worker,不再視為安全。這表示在這些工作站環境中: - self.isSecureContext 現在是 false。 - self.cachesself.storageFoundation 已停售。

根據最近對這個引數剖析規格的變更,window.open()popup 引數現在會評估為 true。先前,如果 popup 設為 true,系統會將 window.open() 解讀為 false。這項異動可讓布林特徵更容易使用及瞭解。

延伸閱讀

這僅涵蓋部分重點。如要瞭解 Chrome 101 的其他異動,請參閱下方連結。