Chrome 131 Beta 版

發布日期:2024 年 10 月 16 日

除非另有說明,否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解這裡列出的功能,請點選提供的連結,或前往 ChromeStatus.com 查看清單。Chrome 131 版於 2024 年 10 月 16 日推出 Beta 版。你可以前往 Google.com 下載電腦版,或前往 Android 的 Google Play 商店下載最新版。

CSS

這個版本新增了八項 CSS 功能。

CSS 錨點定位:anchor-scope

anchor-scope 屬性可將錨點名稱的顯示範圍限制在特定子樹狀結構。

CSS font-variant-emoji

font-variant-emoji CSS 屬性可控制彩色 (表情符號樣式) 和單色 (文字樣式) 表情符號字元。您也可以在每個表情符號碼點後方新增表情符號變體選取器,具體來說,文字為 U+FE0E,表情符號為 U+FE0F。

CSS 醒目顯示沿用

透過 CSS 醒目顯示繼承,CSS 醒目顯示虛擬類別 (例如 ::selection::highlight) 會透過虛擬醒目顯示鏈結 (而非元素鏈結) 繼承屬性。結果是更直覺的繼承模型,可繼承精選內容中的屬性。

如要瞭解詳情,請參閱 Igalia 的 Stephen Chenney 撰寫的網誌文章「Inheritance changes for CSS selection styling」。

改進 <details><summary> 元素的樣式結構

支援更多 <details><summary> 元素的 CSS 樣式,讓這些元素能用於更多案例,例如在網路上建構揭露小工具或手風琴小工具。具體來說,這項變更會移除限制,防止在這些元素上設定顯示屬性,並新增 ::details-content 虛擬元素,為展開和收合的部分設定容器樣式。

@page 邊界方塊

列印網頁文件或匯出為 PDF 時,支援頁面邊界方塊。

@page 邊界方塊可讓您定義頁面邊界區域的內容,例如提供自訂頁首和頁尾,而非使用瀏覽器產生的內建頁首和頁尾。

邊界方塊是使用 CSS @page 規則內的 at 規則定義。邊界方塊的外觀和內容是在 at 規則內的 CSS 屬性中指定,包括 content 屬性。系統也支援計數器,可做為頁碼。這項規格定義了兩個特殊計數器名稱:page 代表目前頁碼,pages 則代表總頁數。

@property 支援 <string> 語法

支援已註冊自訂屬性的 <string> 語法元件名稱。

在相對顏色語法中支援 currentcolor

允許在 CSS 中使用相對顏色 (使用 from 關鍵字),以 currentcolor 做為基底。您可以根據元素的文字顏色,為該元素的邊框、陰影或背景設定互補色。

這項功能也包括顏色函式巢狀結構的使用案例,例如 color-mix(in srgb, rgb(from currentcolor r g b), white))rgb(from rgb(from currentcolor 1 g b) b g r),這些函式會依附於 currentcolor。

支援 clip-pathfillstrokemarker-* 屬性的外部 SVG 資源

這項功能支援剪輯路徑、標記和繪圖伺服器 (適用於「fill」和「stroke」屬性) 的外部參照。例如 clip-path: url("resources.svg#myPath")

網站 API

Direct Sockets API

允許獨立網頁應用程式與網路裝置和系統建立直接的傳輸控制通訊協定 (TCP) 和使用者資料包通訊協定 (UDP) 通訊,以及接聽及接受連入連線。

免除 CSP 限制的 Speculation-Rules 標頭

更新推測規則與 CSP 之間的整合,讓 CSP 只適用於 <script type=speculationrules>,而不適用於 Speculation-Rules 標頭。CSP 的指令碼政策旨在防範指令碼植入 HTML,而 CSP 威脅模型與 HTTP 標頭無關。這樣一來,您就能更輕鬆地從 CDN 和其他邊緣伺服器部署推測規則。

將 FedCM 做為 Storage Access API 的信任信號

調解 FedCM 和 Storage Access API,讓先前的 FedCM 授權成為自動核准儲存空間存取要求的有效原因。

當使用者在信賴方 (RP) 授權第三方身分識別提供者 (IdP) 使用其身分時,許多 IdP 都需要第三方 Cookie 才能正常運作並確保安全。本提案旨在更新 Storage Access API (SAA) 權限檢查,不僅接受儲存空間存取提示授予的權限,也接受 FedCM 提示授予的權限,以私密安全的方式滿足這項需求。

這項機制的關鍵特性是將授權限制在 RP 透過 FedCM 權限政策明確允許的情況,為 RP 強制執行每個框架的控制項,並防止 IdP 超出 FedCM 已授予的功能,進行被動監控。

COOP 值 noopener-allow-popups

某些來源可能包含不同應用程式,這些應用程式的安全需求等級各不相同。在這種情況下,禁止在一個應用程式中執行的指令碼開啟及編寫另一個同源應用程式的網頁,可能會有好處。

在這種情況下,確保文件開啟者無法編寫文件指令碼,即使開啟者文件與該文件同源,也可能對文件有益。noopener-allow-popups Cross-Origin-Opener-Policy 值可讓文件定義該行為。

Private Aggregation API:將 Protected Audience 呼叫端的貢獻限制提高至 100

與目前的 20 次上限相比,Protected Audience 指令碼執行器現在每個 Private Aggregation 報表最多可貢獻 100 次。

Private Aggregation API 會限制可嵌入單一可匯總報表的直方圖貢獻次數,並捨棄任何額外貢獻。Shared Storage 呼叫端可以叫用其他 Shared Storage 作業,避開這項限制。不過,受保護的目標對象呼叫端沒有永久儲存空間,因此會在競價結束時失去多餘的貢獻。請注意,這項變更不會影響隱私權,因為 API 的貢獻度仍受相同的隱私權預算限制。

由於有填補內容,即使不需要較高的貢獻限制,每個 Protected Audience 報表的有效負載都會較大。我們預期這些較大的報表會增加匯總服務的運作成本。

選取剖析器寬鬆程度

這項變更可讓 HTML 剖析器在 <select> 中加入其他標記,除了 <option><optgroup><hr> 之外。

這項變更支援可自訂的 <select> 功能,但會優先發布,因為這項變更可獨立完成,且存在一些相容性風險,Chrome 團隊希望取得相關意見回饋。

WebGPU:裁剪距離

新增選用 GPU 功能 clip-distances,可在頂點著色器輸出內容中設定使用者定義的剪輯距離。對於需要剪輯場景中所有超出使用者定義平面的頂點的應用程式 (例如許多 CAD 應用程式) 來說,這項技術特別實用。

WebGPU:GPUCanvasContext getConfiguration()

使用設定字典呼叫 GPUCanvasContext configure() 後,即可使用 GPUCanvasContext getConfiguration() 方法檢查畫布內容設定。包括 GPU deviceformatusageviewFormatscolorSpacetoneMappingalphaMode 成員。如問題 4828 所述,網頁應用程式可使用這項功能偵測 WebGPU 是否支援 HDR 畫布。

專用工作站上的 WebHID

在專屬工作站內容中啟用 WebHID。您可以在獨立執行緒上執行大量 I/O 作業,以及處理 HID 裝置的資料,有助於減少對主執行緒的效能影響。

WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo

這個 API 會設定 WebRTC 編碼器,在輸入影格大於指定 maxWidthmaxHeight 時縮放影格。這個 API 與 scaleResolutionDownBy 類似,但解析度限制是以絕對值 (例如 640x360) 表示,而非相對值 (例如縮小 2 倍),可避免因即時變更輸入影格大小而導致競爭情況。

新的來源試用

在 Chrome 131 中,您可以選擇加入下列新的來源試用

WebAudio 的播放統計資料

應用程式可透過 AudioContext.playoutStats 功能,使用 WebAudio 測量音訊播放品質和延遲時間。

Summarizer API

這項 JavaScript API 可生成輸入文字的摘要,並由 AI 語言模型提供支援。

淘汰和移除

這個版本的 Chrome 導入了下列淘汰和移除項目。 如要查看計畫淘汰、目前淘汰和先前移除的項目清單,請前往 ChromeStatus.com。

這個版本的 Chrome 移除了三項功能。

移除 CSS 錨點定位屬性 inset-area

CSS 工作群組已決定將 inset-area 屬性重新命名為 position-area,因此移除這個屬性可清理 Chromium 中的實作項目,確保功能符合標準。

移除停用 BeforeunloadEventCancelByPreventDefault 的功能

Chrome 117 版已推出 BeforeunloadEventCancelByPreventDefault 功能,但企業政策允許強制停用這個旗標。這項企業政策將在 Chrome 131 版中移除。

移除非標準的 GPUAdapter requestAdapterInfo() 方法

WebGPU 工作組認為 requestAdapterInfo() 觸發權限提示並不實際,因此移除了該選項,並以 GPUAdapter info 屬性取而代之,讓網頁開發人員可以同步取得相同的 GPUAdapterInfo 值。