以下是一些注意事項:
hwb()顏色標記提供新的方式,可根據色調、白度和黑度指定顏色。- 擷取優先順序可讓您向瀏覽器提示資源的下載順序。
- 還有許多其他功能。
讓我們看看 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.caches 和 self.storageFoundation 已停售。
根據最近對這個引數剖析規格的變更,window.open() 的 popup 引數現在會評估為 true。先前,如果 popup 設為 true,系統會將 window.open() 解讀為 false。這項異動可讓布林特徵更容易使用及瞭解。
延伸閱讀
這僅涵蓋部分重點。如要瞭解 Chrome 101 的其他異動,請參閱下方連結。