以下是一些注意事項:
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 的其他異動。