Chrome 105 發(fā)布啦，這個版本帶來了 25 個新特性，以及24個已知的安全修復(fù)程序，新特性如下：

腳本和樣式表上的 “blocking=rendering” 屬性

允許將 ‘blocking=render’ 作為屬性和值放入 、 或樣式表使其顯式呈現(xiàn)阻塞。主要用途是避免由于例如插入腳本的腳本 / 樣式表、客戶端 A/B 測試等引起的無樣式內(nèi)容，或用戶與不成熟頁面的交互。

:has () 偽類

:has () 偽類是一個選擇器，它指定一個元素，該元素至少有一個與作為參數(shù)傳遞的相對選擇器匹配的元素。:has 偽類提供了一種將樣式規(guī)則應(yīng)用于特定元素的前面元素（前面的兄弟姐妹 / 祖先 / 祖先的前面的兄弟姐妹）的方法。

添加 onbeforeinput 全局事件處理程序內(nèi)容屬性

‘beforeinput’ 事件在 、 或 contenteditable 元素的值即將被修改時觸發(fā)。添加一個 ‘onbeforeinput’ 全局內(nèi)容屬性，使開發(fā)人員更容易使用。

以 125 Hz 對齊計時器（包括 DOM 計時器）

在常規(guī)的 8ms 對齊喚醒 (125 Hz) 上，以非零延遲運行所有計時器（除了少數(shù)例外），而不是在延遲過去后立即運行。這會影響 DOM 計時器；

• 在前臺頁面上，在常規(guī)的 8ms 對齊喚醒時，運行具有非零延遲的 DOM 計時器，而不是在延遲過去后立即運行。
• 在后臺頁面上，DOM 計時器已經(jīng)在常規(guī)的 1 秒對齊喚醒 (1 Hz) 上運行，或者在 5 分鐘后更頻繁地運行。

CSS :modal 偽類

用于設(shè)置對話框元素樣式的偽類選擇器。:modal 偽類表示一個元素，該元素處于排除與它之外的元素的所有交互的狀態(tài)，直到它被解除。

自定義標(biāo)識符中不允許使用 CSS 默認(rèn)關(guān)鍵字

CSS 自定義標(biāo)識符中不允許使用 CSS 關(guān)鍵字 “default”，這些標(biāo)識符用于 CSS 中許多類型的用戶定義名稱（例如，由 @keyframes 規(guī)則創(chuàng)建的名稱、計數(shù)器、@container 名稱、自定義布局或繪制名稱）。

這會將 “default” 添加到保留用于自定義標(biāo)識符的名稱列表中，這些名稱已經(jīng)保留：“inherit”、“initial”、“unset”、“revert” 和 “revert-layer”。

容器查詢

容器查詢允許作者根據(jù)容器元素的大小來設(shè)置元素的樣式。它類似于 @media 查詢，不同之處在于它根據(jù)容器的大小而不是視口的大小進(jìn)行評估。

導(dǎo)航事件.scroll ()

scroll () 的工作方式與現(xiàn)有的 restoreScroll () 非常相似，只是它可以在導(dǎo)航不是遍歷時調(diào)用。即使不在手動滾動模式下，它也允許手動執(zhí)行滾動。

fetch () 上傳流

獲取上傳流讓 Web 開發(fā)人員可以使用 ReadableStream 主體進(jìn)行獲取。Fetch 提供了 Request 和 Response 對象（以及其他與網(wǎng)絡(luò)請求有關(guān)的東西）的通用定義。

手勢滾動 DOM 事件

Gesture Scroll DOM 事件，即 “gesturescrollstart”、“gesturescrollupdate” 和 “gesturescrollend”，它們是非標(biāo)準(zhǔn) API，被添加到 Blink 以用于插件。目前，此 API 并不適用于所有情況。它僅在有非合成滾動條時有效。

此外還有棄用 WebSQL 并從非安全上下文中刪除等功能改動，其他新功能可以在特性頁查看。

原文：

https://chromereleases.googleblog.com/2022/08/stable-channel-update-for-desktop_30.html