Chrome 131 Beta 版

發布日期:2024 年 10 月 16 日

除非另有說明,否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome 公開測試版頻道版本。如要進一步瞭解這裡列出的功能,請點選提供的連結,或參閱 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 撰寫的網誌文章「CSS 選取樣式繼承變更」。

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

針對 <details><summary> 元素的結構支援更多 CSS 樣式,讓這些元素可用於更多在網路上建立的展開式小工具或摺疊式小工具。具體來說,這項變更會移除限制,讓您可以為這些元素設定顯示屬性,並新增 ::details-content 擬似元素,為展開和收合部分的容器設定樣式。

@page 邊界框

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

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

您可以使用 CSS @page 規則中的 at-rule 定義邊距方塊。邊距框的顯示方式和內容是在 at-rule 內使用 CSS 屬性指定,包括 content 屬性。系統也支援計數器,可用於頁碼。規格定義了兩個特殊計數器名稱:page 代表目前的頁碼,pages 代表頁面總數。

@property 支援 <string> 語法

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

在相對顏色語法中支援 currentcolor

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

這項功能也適用於以下用途:顏色函式與 currentcolor 依附項目巢狀結構,例如 color-mix(in srgb, rgb(from currentcolor r g b), white))rgb(from rgb(from currentcolor 1 g b) b g r)

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

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

網站 API

Direct Sockets API

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

將 Speculation-Rules 標頭排除在 CSP 限制之外

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

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

讓先前的 FedCM 授予自動核准儲存空間存取權要求的有效理由,藉此調解 FedCM 和儲存空間存取 API。

當使用者授權第三方身分提供者 (IdP) 在依賴方 (RP) 上使用其身分時,許多 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

讓 Protected Audience 指令碼執行者每份 Private Aggregation 報表最多可提供 100 個貢獻,而目前的限制為 20 個。

私人匯總功能會限制可在單一可匯總報表中嵌入的直方圖貢獻數量,並捨棄任何額外的貢獻。Shared Storage 呼叫端可以透過呼叫其他 Shared Storage 作業來解決限制問題。不過,Protected Audience 呼叫端沒有持續性儲存空間,因此會在競價結束時失去多餘的貢獻。請注意,這項變更對隱私權沒有影響,因為 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

在專屬 worker 內容中啟用 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 的功能

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

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

WebGPU 工作群組認為 requestAdapterInfo() 觸發權限提示是不切實際的做法,因此他們移除了這個選項,並以 GPUAdapter info 屬性取代,讓網頁開發人員能同步取得相同的 GPUAdapterInfo 值。