Chrome 101 新功能

以下是一些注意事項:

讓我們來看看 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.cachesself.storageFoundation 已無法使用。

最近針對剖析這個引數的規格變更後,window.open()popup 引數現在會評估為 true先前,當 popup 設為等於 true 時,window.open() 會解讀為 false。這項變更可讓布林值功能更易於使用及理解。

其他資訊

以上內容僅涵蓋部分重點功能。點選下方連結,瞭解 Chrome 101 版本的其他異動。