Chrome 121 Beta 版

除非另有註明,否則下列變更將適用於 Android、ChromeOS、Linux、macOS 和 Windows 平台的最新 Chrome Beta 版。透過提供的連結或 ChromeStatus.com 上的清單,進一步瞭解這裡列出的功能。Chrome 121 目前為 Beta 版,截至 2023 年 12 月 6 日。在電腦上前往 Google.com 或 Android 版 Google Play 商店,都可以下載最新的最新版本。

CSS

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

CSS 醒目顯示沿用機制

使用 CSS 醒目顯示「沿用」功能時,CSS 會醒目顯示虛擬類別 (例如 ::selection::highlight),透過虛擬醒目顯示鏈 (而非元素鏈) 繼承屬性。最終呈現的模型更直覺易懂,讓醒目顯示的屬性沿用。

以下是 CSS Pseudos 第 4 級規格中的規定:

「如果 cascade 未提供任何支援的屬性... 該指定的值,取決於其原始元素父項元素的對應醒目顯示虛擬元素,決定該指定的值。」

CSS 捲軸:scrollbar-colorscrollbar-width

CSS Scrollbar 規格可讓開發人員指定捲軸的顏色和粗細,設定捲軸的樣式。此規格會新增下列兩項屬性。scrollbar-color 屬性可讓您變更捲軸的色彩配置,使其更符合網頁的特定樣式。scrollbar-width 屬性可允許使用較適合某些用途的狹窄捲軸,甚至在不影響捲動的情況下完全隱藏捲軸。

色彩字型的 CSS font-palette 動畫

CSS font-palette 屬性可讓您選取用於顯示色彩字型的特定調色盤。隨著新增對這個屬性動畫效果的支援,轉換調色盤不再是獨立的步驟,但在兩個選取的調色盤之間也能流暢轉換。這項功能適用於所有 CSS 動畫和轉場效果。

CSS 拼字和文法功能

CSS 會醒目顯示虛擬元素,用來設定使用者代理程式遭標記為錯字或文法不正確的文字,也會以行裝飾方式揭露使用者代理程式的預設拼字和文法錯誤。這些功能可讓開發人員為預設的拼字和文法錯誤選擇更清晰的顏色、醒目顯示含有背景顏色或其他裝飾字詞的錯字,以及實作可融入裝置體驗的自訂拼字檢查功能。

改善 SVG 的 CSS 遮蓋功能

這是 Chrome 120 對 CSS 遮罩的後續支援,新針對 SVG (多種遮罩以及 mask-modemask-compositemask-positionmask-repeat) 新增遮罩。此外,系統現在也支援遠端 SVG 遮罩 (例如 mask: url(masks.svg#star))。

Ruby 專用的顯示值

新增 CSS 多媒體廣告屬性值 rubyruby-text<ruby><rt> 的預設顯示值會分別變更為 rubyruby-text,且 Rby 版面配置會遵循這些顯示值。網頁作者可以使用任何元素 (例如 <div>) 設定新的顯示值,以顯示永久性物件。

網站 API

歸因報表功能組合:縮短匯總延遲時間、事件層級報表 Epsilon 欄位、保留金鑰

Chrome 針對 Attribution Reporting API 所做的相關異動,著重於:

  • 支援減少匯總報表的延遲時間,進而降低傳輸損失。
  • 支援事件層級報表記錄欄位,藉此設定額外的 API 設定。
  • 因註冊遇到保留金鑰時失敗而失敗,以提高 API 的擴充性。

往返快取 notRestoredReason API

notRestoredReason API 會使用 PerformanceNavigationTiming API 回報網頁未透過 bfcache 提供的原因清單。

要求透過使用者手勢在文件子母畫面中調整 API 大小

這麼做可在文件子母畫面視窗中使用 resizeBy()resizeTo() 方法,但須依使用者手勢要求新增限制,以減少濫用的可能性。

EditContext API

EditContext API 可簡化將網頁應用程式與進階文字輸入法 (例如 VK 形狀撰寫、手寫面板、語音辨識和 IME 組成) 的整合程序。這個版本有助於改善無障礙功能和效能,並帶來網頁式編輯器的新功能。

偵測支援的剪貼簿格式的功能

您現在可以呼叫新的 supports() 函式,將 MIME 類型做為引數 (例如 ClipboardItem.supports('image/png')) 傳遞,藉此確認 Async Clipboard API 是否支援特定 MIME 類型。

HTMLSelectElement showPicker()

HTMLSelectElement 的 showPicker() 方法可讓開發人員按照 input.showPicker() 模式,透過程式輔助方式開啟 <select> 元素的選項挑選器。

MediaCapabilities:使用 decodingInfo() 查詢 HDR 支援

擴充 Media Capabilities API,透過三個新的 VideoConfiguration 字典欄位偵測 HDR 轉譯支援,分別是 hdrMetadataType、colorGamut、transferFunction。

Chromium 會實作自己的語氣對應演算法,因此一律針對 HDR10 (smpteSt2086) 靜態中繼資料傳回 true。目前不支援 smpteSt2094-40 (HDR10+) 和 smpteSt2094-10 動態中繼資料,因此會傳回 false。

Private Aggregation API:匯總協調器選項

此修改 Private Aggregation API 提供了機制,可讓您選取要用於酬載加密的協調者 (來自供應商指定的許可清單)。選擇該服務時,您必須在共用儲存空間 run()selectURL() 呼叫中,以及在 Protected Audience 的 runAdAuction()joinAdInterestGroup() 呼叫中採取額外選項。廣義的做法大致與 Attribution Reporting API 一致。

電腦上的 Remote Playback API

這個 API 會擴充 HTMLMediaElement,以便控制網頁上的媒體播放。這項資訊在 Chrome 56 版中提供 Android,適用於電腦版 Chrome 121 以上版本。

推測規則 API

Speculation Rules API 有新功能。

支援文件規則:這是推測規則語法的擴充功能,可讓瀏覽器取得從網頁中 <a> 元素推測載入的網址清單。其中可能包括可用於使用這些連結的條件。此外,加上推測規則的新「易讀性」欄位,開發人員可以自動擷取或預先轉譯網頁上的連結,包括滑鼠遊標懸停或向下捲動頁面。

透過單獨的變更,您可以使用 Speculation-Rules HTTP 回應標頭指定推測規則,做為使用內嵌 <script> 元素的替代方案。這個標頭的值必須是指向使用 "application/speculationrules+json" MIME 類型的文字資源網址。系統會將這項資源的規則加入文件的規則集。

最後,即使網址查詢參數有所變更,No-Vary-Search 提示也會啟用推測性預先擷取功能來進行比對。No-Vary-Search HTTP 回應標頭會宣告網址查詢的某些或全部部分,可以基於比對目的而忽略。此參數可宣告查詢參數鍵的順序不應避免比對相符、特定查詢參數不應避免比對,或是只有特定已知的查詢參數會導致資料不符。

SpeechSynthesis 和 SpeechSynthesisVoice 介面物件

SpeechSynthesisSpeechSynthesisVoice 的介面物件新增至支援的功能。這樣一來,就能使用 SpeechSynthesisVoice.prototype 進行特徵偵測。

Storage 值區 API

儲存空間值區可讓網站將裝置端資料整理到單獨的「值區」,讓使用者代理程式獨立剔除各自值區中的資料,並讓網站能對語意相關的資料進行人體工化管理。每個 Storage 值區可包含與已建立的儲存空間 API 相關聯的資料,例如 IndexedDB 和 CacheStorage。

網址格式:沿用左側和萬用字元

對於使用基準網址或建構函式字串語法建構的模式,行為變更 (但不包含任何明確指定沒有基準網址元件的模式)。

如果已明確指定「舊版」元件,就不會從基準網址沿用元件。在字串格式中,未指定「後面」的元件會以隱含方式加上萬用字元,而非空白 (通訊埠除外,主機名稱為一律時必須指定)。使用者名稱和密碼絕不會間接指定或沿用。

這會導致模式比以往更寬鬆,在萬用字元通常會建議使用的情況下。

URLPattern:RegExp v 標記,而非 u

URL Pattern API 可讓開發人員指定模式字串。這些類別會在內部轉換為規則運算式。

初次實作 API 時,這些規則運算式會使用 u 旗標編譯。Chrome 121 會將其更新為 v 標記,並啟用萬國碼 (Unicode) 組合。

用於 WebGPU 的附加元件

WebGPU 可讓開發人員在建立管道時省略著色器模組的進入點,改善人體工學。如果找不到預設進入點,系統會照常觸發 GPUValidationError。

WebGPU 時間戳記查詢可讓 WebGPU 應用程式精確測量 GPU 指令的執行時間,特別是傳訊的開頭和結尾。時間戳記查詢極為用於深入瞭解 GPU 工作負載的效能和行為。

雖然 WebGPU 規格考量到時效攻擊,因此決定將時間戳記查詢設為選用功能,但我們相信,時間戳記查詢量化能降低 100 微秒的計時器精確度,有助於在中間階段。

傳輸層安全標準 (TLS) 適用的 X25519Kyber768 金鑰封裝

部署 Kyber768 量子防量子金鑰協議演算法,避免目前的 Chrome TLS 流量受到日後的量子密碼分析攻擊。這是根據 IETF 標準所製定的混合型 X25519 + Kyber768 金鑰協議。此規格和推出內容不在 W3C 的範圍內。這份金鑰協議將以傳輸層安全標準 (TLS) 加密形式發布,並對使用者公開透明。

正在進行來源試用

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

Element Capture API

Element Capture API 提供擷取 DOM 子樹狀結構的方法。

假設透過從現有的方式取得的影片 MediaStreamTrack,以啟動分頁擷取的方式,「Element Capture」允許變更曲目,只擷取從特定元素開始擷取 DOM 的子樹狀結構。

雖然這個 API 與 Region Capture API 有某種相似,但由於應用程式會排除遮蔽和遮蔽內容,因此能提供更高的靈活性。

註冊 ElementCapture 來源試用

現有行為異動

在 Chrome 121 版中,以下是現有行為的下列變更,以便開發人員瞭解這項異動。

捨棄輸入事件至最近移動的跨來源 iframe

如果跨來源 iframe 最近在嵌入頁面中移動,Chrome 會在無訊息的情況下捨棄指定 iframe 的事件。這是因為如果 iframe 最近才移動,很可能是因為使用者無意點選或輕觸該 iframe。

這項異動在 2019 年發布的有限格式:只會影響使用 IntersectionObserver 第 2 版功能 (即遮蔽或效果偵測) 內含指令碼的 iframe。這項功能推出後,這項行為將擴大支援所有跨來源 iframe,並在 Chrome 121 版中先進行小範圍實驗,再逐步提高。