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 的其他異動。