穩定版發布日期：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 醒目顯示繼承
CSS 會醒目顯示繼承，而虛擬類別 (例如 ::selection 和 ::highlight) 會透過虛擬醒目顯示鏈結 (而非元素鏈結) 繼承屬性。這項功能可讓您在重點中繼承屬性，提供更直覺的模型。
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 剖析器除了 <option>、<optgroup> 和 <hr> 之外，還會允許 <select> 中的標記。
這項變更是為了支援可自訂的 <select> 功能。
追蹤錯誤 #335456114 | ChromeStatus.com 項目
支援相對色彩語法中的 currentcolor
允許 CSS 中的相對顏色 (使用來自關鍵字) 使用 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) 通訊，以及監聽及接受傳入的連線。
追蹤錯誤 #909927 | ChromeStatus.com 項目 | 規格
將「Speculation-Rules」標頭排除在 CSP 限制之外
更新推測規則與 CSP 之間的整合，讓 CSP 僅適用於 <script type=speculationrules>，而非 Speculation-Rules 標頭。
將 FedCM 做為 Storage Access API 的信任信號
讓先前的 FedCM 授予自動核准儲存空間存取權要求的有效理由，藉此調解 FedCM 和儲存空間存取 API。
追蹤錯誤 #330574529 | ChromeStatus.com 項目
noopener-允許彈出式視窗 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 指令碼執行器，讓每份私人匯總報表最多可以貢獻 100 項貢獻 (相較於目前的上限為 20 個)。
私人匯總功能會限制可在單一可匯總報表中嵌入的直方圖貢獻數量，並捨棄任何額外的貢獻。共用儲存空間呼叫者可叫用另一項共用儲存空間作業來規避限制。不過，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 發布時程表
- 即將淘汰的功能
- 即將移除的內容