發布日期: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 樣式,讓這些元素可用於更多在網路上建立的展開式小工具或摺疊式小工具。具體來說,這項變更會移除限制,讓您可以為這些元素設定 display 屬性,並新增 ::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-path
、fill
、stroke
和 marker-*
屬性的外部 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。
當使用者授權讓採用依賴第三方 (RP) 的第三方識別資訊提供者 (IdP) 使用其身分時,許多 IdP 會要求第三方 Cookie 正確運作。本提案旨在以私密且安全的方式滿足這項要求,方法是更新 Storage Access API (SAA) 權限檢查,不僅接受儲存空間存取提示所授予的權限,也接受 FedCM 提示所授予的權限。
此機制的一項關鍵屬性,是限制僅在 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 個。
私人匯總功能會限制可在單一可匯總報表中嵌入的直方圖貢獻數量,並捨棄任何額外的貢獻。共用儲存空間呼叫者可叫用另一項共用儲存空間作業來規避限制。不過,Protected Audience 呼叫端沒有持續性儲存空間,因此在競價結束時會失去多餘的貢獻。請注意,這項變更對隱私權沒有影響,因為 API 的貢獻仍受限於相同的隱私權預算。
由於邊框間距,每份 Protected Audience 報表都會有較大的酬載,即使不需要較大的貢獻上限也一樣。我們預期這些大型報表會增加匯集服務的運作成本。
選取剖析器放寬
這項變更讓 HTML 剖析器允許 <option>
、<optgroup>
和 <hr>
以外的 <select>
中置入其他標記。
這項變更可支援可自訂的 <select>
功能,但會先發布,因為這項變更可單獨完成,且存在一些 Chrome 團隊希望取得意見回饋的相容性風險。
WebGPU:裁剪距離
新增選用的 GPU 功能 clip-distances
,可在頂點轉譯器輸出中設定使用者定義的裁剪距離。對於需要在場景中裁剪超出使用者定義平面的所有頂點的應用程式 (例如許多 CAD 應用程式),這項技巧特別實用。
WebGPU:GPUCanvasContext getConfiguration()
使用設定字典呼叫 GPUCanvasContext configure()
後,您可以使用 GPUCanvasContext getConfiguration()
方法檢查畫布結構定義設定。其中包含 GPU device
、format
、usage
、viewFormats
、colorSpace
、toneMapping
和 alphaMode
成員。如第 4828 號問題所述,網頁應用程式可以使用這個屬性,偵測 WebGPU 是否支援 HDR 畫布。
專用工作站上的 WebHID
在專屬工作站內容內啟用 WebHID。這可讓您在單獨的執行緒上執行大量 I/O 和處理來自 HID 裝置的資料,以降低對主執行緒的效能影響。
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
這個 API 可設定 WebRTC 編碼器,在輸入影格大於指定的 maxWidth
和 maxHeight
時縮放。這個 API 與 scaleResolutionDownBy
相似,但解析度限制是以絕對值 (例如 640x360) 表示,而非相對值 (例如縮小 2),可避免與即時變更輸入影格大小相關的競爭狀態。
新的來源試用
在 Chrome 131 中,您可以選擇採用下列新的來源試用功能。
WebAudio 的播放統計資料
AudioContext.playoutStats
功能可讓應用程式使用 WebAudio 測量音訊播放的品質和延遲時間。
摘要工具 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
值。