以下是一些注意事項:
hwb()
色彩標記法可讓您以新的方式根據色調、白色和黑邊指定顏色。- 擷取優先順序可讓您提示瀏覽器應以何種順序下載資源。
- 還有更多應用程式。
讓我們來看看 Chrome 101 提供哪些功能。
hwb()
色彩標記法
在 Stefan Judis 的文章中,我們將文章描述為「適合人類的色彩標記法」,hwb()
會根據色調、白色和黑暗程度指定顏色。與其他色彩標記法一樣,選用的 Alpha 元件可指定不透明度。
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
現已確實支援這種指定色彩的方法,Firefox 支援 96 版或 15 以上版本的 Safari。
擷取優先順序
擷取優先順序可讓您使用 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) 結構定義執行個體化的專屬工作站,已不再視為安全。這表示這類工作站結構定義中的 self.isSecureContext
現在是 false
。- self.caches
和 self.storageFoundation
已無法使用。
最近針對剖析這個引數的規格變更後,window.open()
的 popup
引數現在會評估為 true
先前,當 popup
設為等於 true 時,window.open()
會解讀為 false
。這項變更可讓布林值功能更易於使用及理解。
其他資訊
以上內容僅涵蓋部分重點功能。點選下方連結,瞭解 Chrome 101 版本的其他異動。