穩定版發布日期：2024 年 11 月 12 日
除非另有說明，否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 131 穩定版。
CSS
CSS 錨點定位：anchor-scope
anchor-scope 屬性可將錨點名稱的顯示範圍限制在特定子樹狀結構內。
追蹤錯誤 #40281992 | ChromeStatus.com 項目 | 規格
CSS font-variant-emoji
font-variant-emoji CSS 屬性提供一種方法，可控制彩色 (表情符號樣式) 和單色 (文字樣式) 表情符號圖形。您也可以在每個表情符號代碼後方新增表情符號變化選取器，具體來說，文字為 U+FE0E，表情符號為 U+FE0F。
MDN 字型變體表情符號 | ChromeStatus.com 項目
CSS 醒目顯示沿用
我們原本預計在 Chrome 131 中推出 CSS 醒目顯示繼承功能的變更，但基於相容性考量而予以移除。
CSS 選取樣式繼承變更 | ChromeStatus.com 項目 | 規格
改善 <details> 和 <summary> 元素的樣式結構
針對 <details> 和 <summary> 元素的結構支援更多 CSS 樣式，讓這些元素可用於更多情況，例如在網路上建立揭露小工具或摺疊式小工具。具體來說，這項異動會移除限制，讓您可以為這些元素設定顯示屬性，並新增 ::details-content 擬似元素，為展開和收合部分的容器設定樣式。
追蹤錯誤 #1469418 | ChromeStatus.com 項目 | 規格
@page 邊界框
在列印網頁文件或將其匯出為 PDF 時，新增頁面邊界方塊支援功能。
@page 邊界方塊可讓您定義頁面邊界區域中的內容，例如提供自訂頁首和頁尾，而非使用瀏覽器產生的內建頁首和頁尾。
您可以使用 CSS @page 規則中的 at-rule 定義邊距方塊。邊距框的顯示方式和內容，是在 at-rule 內使用 CSS 屬性指定，包括內容屬性。您也可以使用計數器來編號頁面。規格定義了兩個特殊計數器名稱：page 代表目前的頁面編號，pages 代表頁面總數。
使用 CSS 列印網頁時，在網頁邊界加入內容 | 追蹤錯誤 #320370 | ChromeStatus.com 項目 | 規格
@property 支援 <string> 語法
支援註冊自訂屬性的 <string> 語法元件名稱。
追蹤錯誤 #357751736 | ChromeStatus.com 項目 | 規格
選取剖析器放寬
這會讓 HTML 剖析器允許 <select> 中的標記，而非 <option>、<optgroup> 和 <hr>。
這項變更是為了支援可自訂的 <select> 功能。
追蹤錯誤 #335456114 | ChromeStatus.com 項目
支援相對色彩語法中的 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)。
追蹤錯誤 #325309578 | ChromeStatus.com 項目 | 規格
支援 clip-path、fill、stroke 和 marker-* 屬性的外部 SVG 資源
這項功能新增了外部參考資料的支援，適用於剪輯路徑、標記和繪圖伺服器 (適用於 fill 和 stroke 屬性)。例如：clip-path: url("resources.svg#myPath")
追蹤錯誤 #40134477 | ChromeStatus.com 項目 | 規格
網站 API
Direct Sockets API
允許 Isolated Web Apps 與網路裝置和系統建立直接傳輸控制通訊協定 (TCP) 和使用者資料包通訊協定 (UDP) 通訊，以及監聽及接受傳入的連線。
追蹤錯誤 #40604287 | ChromeStatus.com 項目 | 規格
將「Speculation-Rules」標頭排除在 CSP 限制之外
更新推測規則和 CSP 之間的整合，讓 CSP 只套用至 <script type=speculationrules>，而非 Speculation-Rules 標頭。
將 FedCM 做為 Storage Access API 的信任信號
讓先前的 FedCM 授予自動核准儲存空間存取權要求的有效理由，藉此調解 FedCM 和儲存空間存取 API。
追蹤錯誤 #330574529 | ChromeStatus.com 項目
noopener-allow-popups COOP 值
某些來源可能包含不同應用程式，且安全性要求程度也不同。在這種情況下，建議您避免在一個應用程式中執行的腳本，能夠開啟和腳本其他相同來源應用程式的網頁。
在這種情況下，即使開啟者文件是同源文件，也能確保開啟者無法為該文件撰寫指令碼。
noopener-allow-popups Cross-Origin-Opener-Policy 值可讓文件定義這項資訊。
追蹤錯誤 #344963946 | ChromeStatus.com 項目
專用工作站上的 WebHID
在專屬 worker 內容中啟用 WebHID。這樣一來，您就能在個別執行緒中執行大量 I/O 作業，並處理 HID 裝置的資料，有助於降低對主執行緒的效能影響。
WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo
這個 API 會設定 WebRTC 編碼器，以便在輸入影格大於指定的 maxWidth 和 maxHeight 時縮放影格。這個 API 與 scaleResolutionDownBy 相似，但解析度限制是以絕對值 (例如 640x360) 表示，而非相對值 (例如縮小 2)，可避免與即時變更輸入影格大小相關的競爭狀態。
WebXr 手動輸入模組，第 1 級
在 XrInputSources 上公開手部關節資料，以便在 WebXr 工作階段期間使用。這可讓開發人員在 WebXr 工作階段中進行更精細的互動。
追蹤錯誤 #359418633 | ChromeStatus.com 項目 | 規格
算繪和圖形
WebGPU 剪輯距離
新增選用的 GPU 功能 clip-distances，可在頂點著色器輸出中設定使用者定義的剪輯距離。對於需要裁剪場景中超出使用者定義平面的所有頂點的應用程式 (例如許多 CAD 應用程式)，這項技巧特別實用。
追蹤錯誤 #358408571 | ChromeStatus.com 項目 | 規格
WebGPU：GPUCanvasContext getConfiguration()
使用設定字典呼叫 GPUCanvasContext configure() 後，您可以使用 GPUCanvasContext getConfiguration() 方法檢查畫布結構定義設定。其中包含 GPU device、format、usage、viewFormats、colorSpace、toneMapping 和 alphaMode 成員。如第 4828 號問題所述，網頁應用程式可以使用這個屬性，偵測 WebGPU 是否支援 HDR 畫布。
追蹤錯誤 #370109829 | ChromeStatus.com 項目 | 規格
隱私權
Attribution-Reporting API：移除觸發事件登錄的匯總鍵 ID 大小限制
先前，系統會在來源和觸發事件登錄作業中檢查匯總鍵 ID 長度限制。由於這項限制並非為了隱私權，且不會保留在儲存空間中，因此會在觸發事件註冊中移除。
Private Aggregation API：將 Protected Audience 呼叫端的貢獻上限提高至 100
讓 Protected Audience 指令碼執行者每份 Private Aggregation 報表最多可提供 100 個貢獻，而目前的限制為 20 個。
私人匯總功能會限制可在單一可匯總報表中嵌入的直方圖貢獻數量，並捨棄任何額外的貢獻。Shared Storage 呼叫端可以透過呼叫其他 Shared Storage 作業來解決限制問題。不過，Protected Audience 呼叫端沒有持續性儲存空間，因此在競價結束時，他們會失去多餘的貢獻。請注意，由於 API 的貢獻仍受限於相同的隱私權預算，因此這項變更對隱私權沒有影響。
由於填充，每份 Protected Audience 報表的酬載都會變大，即使不需要較大的貢獻上限也一樣。我們預期這些較大的報表會增加匯集服務的運作成本。
追蹤錯誤 #360160864 | ChromeStatus.com 項目
來源試用
WebAudio 的 Playout Statistics API
AudioContext.playoutStats API 可讓應用程式使用 WebAudio 評估音訊播放的品質和延遲時間。
Origin Trial | ChromeStatus.com 項目 | 規格
ServiceWorkerStaticRouterTimingInfo
新增 ServiceWorker 靜態轉送 API 的時間資訊，並在導覽時間 API 和資源時間 API 中公開，供開發人員使用。
Service Worker 會提供時間資訊，用於標示特定時間點。我們新增了兩項與 Static Routing API 相關的時間資訊：RouterEvaluationStart，開始比對要求與已註冊的路由器規則的時間，以及 CacheLookupStart，如果來源為「cache」，則開始查詢快取儲存空間的時間。此外，我們也新增了兩個路由器來源資訊，分別是相符的路由器來源和最終路由器來源。
Origin Trial | ChromeStatus.com 項目
Summarization API
這項 JavaScript API 可產生輸入文字的摘要，並由 AI 語言模型提供支援。
Origin Trial | Summarization API 說明文件 | 追蹤錯誤 #351744634 | ChromeStatus.com 項目
Translator API
可為網頁提供語言翻譯功能的 JavaScript API。
Origin Trial | Translator API 說明文件 | 追蹤錯誤 #322229993 | ChromeStatus.com 項目
淘汰和移除
移除 CSS 錨點定位屬性 inset-area
由於 CSS 工作群組已決議將 inset-area 屬性重新命名為 position-area，因此這項移除作業可為符合標準的功能清理 Chromium 中的實作方式。
追蹤錯誤 #352360007 | ChromeStatus.com 項目
移除停用 BeforeunloadEventCancelByPreventDefault 的功能
功能 BeforeunloadEventCancelByPreventDefault 已在 Chrome 117 中推出，但有項企業政策可強制停用這個旗標。這項企業政策將在 Chrome 131 版中移除。
移除非標準的 GPUAdapter requestAdapterInfo() 方法
WebGPU 工作群組認為 requestAdapterInfo() 觸發權限提示是不切實際的做法，因此他們移除了這個選項，並以 GPUAdapter info 屬性取代，讓網頁開發人員能同步取得相同的 GPUAdapterInfo 值。
延伸閱讀
想瞭解更多資訊嗎？請參考這些額外資源。
- Chrome 131 的新功能
- Chrome 開發人員工具 131 的新功能
- Chrome 131 的 ChromeStatus.com 更新
- Chrome 發布時程表
- 即將淘汰的功能
- 即將移除的內容