Chrome 121 Beta 版

除非另有說明,否則下列變更將套用至 Android、ChromeOS、Linux、macOS 和 Windows 裝置的最新 Chrome Beta 版。如要進一步瞭解此處所列功能,請使用所提供的連結或造訪 ChromeStatus.com 的清單。Chrome 121 將於 2023 年 12 月 6 日推出 Beta 版。您可以前往 Google.com 電腦版或 Google Play 商店 (Android 版) 下載最新版本。

CSS

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

CSS 醒目顯示沿用

利用 CSS 醒目顯示沿用機制,CSS 醒目顯示虛擬類別 (例如 ::selection::highlight) 會透過虛擬醒目顯示鏈 (而非元素鏈) 來繼承其屬性。如此一來,就能以更直覺的模型繼承醒目顯示屬性。

這種做法符合 CSS Pseudos 第 4 級規格的規定:

「當任何支援的屬性沒有由階層式指定值時,其指定值將由其原始元素父項元素的對應醒目顯示虛擬元素繼承決定。」

CSS 捲軸:scrollbar-colorscrollbar-width

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

顏色字型的 CSS font-palette 動畫

CSS font-palette 屬性可讓您選擇特定調色盤,用於呈現字型。隨著新增對這個屬性的動畫效果,在調色盤之間轉換不再是獨立的步驟,但可以在兩個所選的調色盤之間流暢地轉換。這適用於所有 CSS 動畫和轉場效果。

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,Ruby 版面配置會遵循這些顯示值。網頁作者可以使用任何元素 (例如 <div>) 來設定新的顯示值,以呈現假想。

網站 API

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

Chrome 對 Attribution Reporting API 所做的變更將著重於:

  • 支援減少匯總報告延遲,降低傳輸損失。
  • 藉由支援事件層級報表 Epsilon 欄位,進一步設定 API。
  • 使用保留鍵時註冊失敗,從而改善 API 的擴充性。

往返快取 notRestoredReason API

notRestoredReason API 會提供使用 PerformanceNavigationTiming API 時,無法透過 bfcache 提供網頁的原因清單。

要求使用者手勢才能在文件子母畫面內調整 API 大小

這會在文件子母畫面視窗中啟用 resizeBy()resizeTo() 方法,但對使用者手勢提出額外限制,以減少濫用行為。

EditContext API

EditContext API 簡化了將網頁應用程式與進階文字輸入法 (例如 VK 形狀編寫、手寫面板、語音辨識和輸入法編輯器組成) 整合的程序。改善無障礙設計和效能,並創造全新的網頁式編輯功能。

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

現在只要呼叫新的 supports() 函式,並將 MIME 類型做為引數傳遞 (例如 ClipboardItem.supports('image/png')),即可檢查 Async Clipboard API 是否支援特定 MIME 類型。

HTMLSelectElement showPicker()

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

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 版推出,適用於電腦版 Chrome 121。

推測規則 API

我們最近為 Speculation Rules API 推出了新功能。

支援文件規則:這是推測規則語法的延伸,可讓瀏覽器取得從網頁上的 <a> 元素推測載入的網址清單。當中可能設有適用這些連結的條件。除了新增推測規則的「eagerness」欄位外,開發人員還能運用這項查詢規則,在懸停或向下捲動頁面時立即自動預先擷取或預先轉譯網頁上的連結。

另一個變更可讓您使用 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:規則運算式 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,之後也會在 Chrome 121 推出限量實驗階段,之後則會擴大實施。