Chrome 105 發(fā)布啦,這個(gè)版本帶來(lái)了 25 個(gè)新特性,以及24個(gè)已知的安全修復(fù)程序,新特性如下:
腳本和樣式表上的 “blocking=rendering” 屬性
允許將 ‘blocking=render’ 作為屬性和值放入 、 或樣式表使其顯式呈現(xiàn)阻塞。主要用途是避免由于例如插入腳本的腳本 / 樣式表、客戶端 A/B 測(cè)試等引起的無(wú)樣式內(nèi)容,或用戶與不成熟頁(yè)面的交互。
:has () 偽類
:has () 偽類是一個(gè)選擇器,它指定一個(gè)元素,該元素至少有一個(gè)與作為參數(shù)傳遞的相對(duì)選擇器匹配的元素。:has 偽類提供了一種將樣式規(guī)則應(yīng)用于特定元素的前面元素(前面的兄弟姐妹 / 祖先 / 祖先的前面的兄弟姐妹)的方法。
添加 onbeforeinput 全局事件處理程序內(nèi)容屬性
‘beforeinput’ 事件在 、 或 contenteditable 元素的值即將被修改時(shí)觸發(fā)。添加一個(gè) ‘onbeforeinput’ 全局內(nèi)容屬性,使開(kāi)發(fā)人員更容易使用。
以 125 Hz 對(duì)齊計(jì)時(shí)器(包括 DOM 計(jì)時(shí)器)
在常規(guī)的 8ms 對(duì)齊喚醒 (125 Hz) 上,以非零延遲運(yùn)行所有計(jì)時(shí)器(除了少數(shù)例外),而不是在延遲過(guò)去后立即運(yùn)行。這會(huì)影響 DOM 計(jì)時(shí)器;
- 在前臺(tái)頁(yè)面上,在常規(guī)的 8ms 對(duì)齊喚醒時(shí),運(yùn)行具有非零延遲的 DOM 計(jì)時(shí)器,而不是在延遲過(guò)去后立即運(yùn)行。
- 在后臺(tái)頁(yè)面上,DOM 計(jì)時(shí)器已經(jīng)在常規(guī)的 1 秒對(duì)齊喚醒 (1 Hz) 上運(yùn)行,或者在 5 分鐘后更頻繁地運(yùn)行。
CSS :modal 偽類
用于設(shè)置對(duì)話框元素樣式的偽類選擇器。:modal 偽類表示一個(gè)元素,該元素處于排除與它之外的元素的所有交互的狀態(tài),直到它被解除。
自定義標(biāo)識(shí)符中不允許使用 CSS 默認(rèn)關(guān)鍵字
CSS 自定義標(biāo)識(shí)符中不允許使用 CSS 關(guān)鍵字 “default”,這些標(biāo)識(shí)符用于 CSS 中許多類型的用戶定義名稱(例如,由 @keyframes 規(guī)則創(chuàng)建的名稱、計(jì)數(shù)器、@container 名稱、自定義布局或繪制名稱)。
這會(huì)將 “default” 添加到保留用于自定義標(biāo)識(shí)符的名稱列表中,這些名稱已經(jīng)保留:“inherit”、“initial”、“unset”、“revert” 和 “revert-layer”。
容器查詢
容器查詢?cè)试S作者根據(jù)容器元素的大小來(lái)設(shè)置元素的樣式。它類似于 @media 查詢,不同之處在于它根據(jù)容器的大小而不是視口的大小進(jìn)行評(píng)估。
導(dǎo)航事件.scroll ()
scroll () 的工作方式與現(xiàn)有的 restoreScroll () 非常相似,只是它可以在導(dǎo)航不是遍歷時(shí)調(diào)用。即使不在手動(dòng)滾動(dòng)模式下,它也允許手動(dòng)執(zhí)行滾動(dòng)。
fetch () 上傳流
獲取上傳流讓 Web 開(kāi)發(fā)人員可以使用 ReadableStream 主體進(jìn)行獲取。Fetch 提供了 Request 和 Response 對(duì)象(以及其他與網(wǎng)絡(luò)請(qǐng)求有關(guān)的東西)的通用定義。
手勢(shì)滾動(dòng) DOM 事件
Gesture Scroll DOM 事件,即 “gesturescrollstart”、“gesturescrollupdate” 和 “gesturescrollend”,它們是非標(biāo)準(zhǔn) API,被添加到 Blink 以用于插件。目前,此 API 并不適用于所有情況。它僅在有非合成滾動(dòng)條時(shí)有效。
此外還有棄用 WebSQL 并從非安全上下文中刪除等功能改動(dòng),其他新功能可以在特性頁(yè)查看。
原文:
https://chromereleases.googleblog.com/2022/08/stable-channel-update-for-desktop_30.html