Chrome 140

穩定版發布日期:2025 年 9 月 2 日

除非另有說明,否則下列異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 140 穩定版。

CSS

CSS 型別算術

使用型別算術,您可以在 CSS 中編寫運算式,例如 calc(10em / 1px)calc(20% / 0.5em * 1px)。舉例來說,這在排版方面很有用,因為您可以將輸入的值轉換為未輸入的值,並重複用於接受數字的屬性。另一個用途是將無單位的值乘以另一種型別。舉例來說,您現在可以從像素轉換為角度。

追蹤錯誤 #40768696 | ChromeStatus.com 項目 | 規格

CSS caret-animation 屬性

Chromium 支援 caret-color 屬性的動畫效果。不過,如果加上動畫,插入號的預設閃爍行為會干擾動畫。

CSS caret-animation 屬性有兩個可能的值:automanualauto 代表瀏覽器預設值 (閃爍),manual 則代表開發人員控制插入號動畫。此外,如果使用者對閃爍的視覺效果感到不適或有不良反應,可以透過使用者樣式表停用閃爍效果。

追蹤錯誤 #329301988 | ChromeStatus.com 項目 | 規格

highlightsFromPoint API

開發人員可使用 highlightsFromPoint API 與自訂精選內容互動。 這項功能會偵測文件中特定位置的醒目顯示內容。這項互動功能對於複雜的網頁功能很有價值,因為多個醒目顯示內容可能會重疊,或存在於 shadow DOM 中。這項 API 可提供精確的點式重點偵測功能,協助開發人員更有效地管理與自訂重點的動態互動。舉例來說,開發人員可以回應使用者在醒目顯示區域的點擊或懸停事件,觸發自訂工具提示、內容選單或其他互動式功能。

追蹤錯誤 #365046212 | ChromeStatus.com 項目 | 規格

ScrollIntoView 容器選項

開發人員可使用 ScrollIntoViewOptions 容器選項執行 scrollIntoView 作業,只捲動最接近的祖先捲動容器。舉例來說,下列程式碼片段只會捲動 target 的捲動容器,將 target 帶入檢視畫面,但不會將所有捲動容器捲動至可視區域:

target.scrollIntoView({container: 'nearest'});

ChromeStatus.com 項目 | 規格

檢視轉場效果:繼承更多動畫屬性

在檢視區塊轉換虛擬樹狀結構中,新增更多要繼承的動畫屬性:

  • animation-timing-function
  • animation-iteration-count
  • animation-direction
  • animation-play-state

追蹤錯誤 #427741151 | ChromeStatus.com 項目 | 規格

檢視轉場效果虛擬元素會繼承 animation-delay。

除了先前的更新,animation-delay 屬性現在也會透過檢視區塊轉場效果虛擬樹狀結構繼承。

ChromeStatus.com 項目 | 規格

巢狀檢視區塊轉換群組

這項功能可讓檢視區塊轉換產生巢狀虛擬元素樹狀結構,而非平面結構。這樣一來,檢視區塊轉場效果就會更符合原始元素和視覺意圖。可啟用剪輯、巢狀 3D 轉換,並正確套用不透明度、遮罩和濾鏡等效果。

追蹤錯誤 #399431227 | ChromeStatus.com 項目 | 規格

從根層級傳播可視區域 overscroll-behavior

這項變更會從根目錄 (而非主體) 傳播 overscroll-behavior

CSS 工作群組決定不將屬性從 <body> 傳播至檢視區塊。可視區域的屬性會從根層級 (<html>) 元素傳播。因此,overscroll-behavior 應從根元素傳播。不過,Chrome 長期以來都有一個問題:它會從 <body> 而非根目錄傳播 overscroll-behavior。這項行為無法與其他瀏覽器互通。這項變更可讓 Chrome 遵守規格,並與其他實作項目互通。

追蹤錯誤 #41453796 | ChromeStatus.com 項目 | 規格

content 屬性替代文字中的 CSS counter()counters()

這項功能可讓您在 content 屬性的替代文字中使用 counter()counters()。提供更有意義的資訊,提升無障礙功能。

追蹤錯誤 #417488055 | ChromeStatus.com 項目 | 規格

CSS scroll-target-group 屬性

scroll-target-group 屬性會指定元素是否為捲動標記群組容器。此項目接受下列其中一個值:

  • 「none」:元素不會建立捲動標記群組容器。
  • 「auto」:元素會建立捲動標記群組容器,形成捲動標記群組,其中包含所有捲動標記元素,而這是最接近的祖先捲動標記群組容器。

建立捲動標記群組容器後,容器內任何含有片段 ID 的錨點 HTML 元素,都會成為 ::scroll-marker 虛擬元素的 HTML 等效項目。您可以使用 :target-current 虛擬類別,為目前在檢視畫面中的捲動目標錨點元素設定樣式。

追蹤錯誤 #6607668 | ChromeStatus.com 項目 | 規格

@font-face 規則中支援 font-variation-settings 描述元

開發人員可以使用個別元素的 font-variation-settings 屬性,透過 CSS 調整字體的粗細、寬度、傾斜度和其他軸。不過,採用 Chromium 的瀏覽器不支援 @font-face 宣告中的這項屬性。這項功能支援 CSS 字型第 4 級中定義的 font-variation-settings 字串語法。根據規格,系統會忽略無效或無法辨識的功能標記。系統不支援二進位或非標準表單。變數字型越來越常被採用,不僅效能良好,排版也更具彈性。在 Chromium 中新增對這個描述元的支援,可加強控制、減少重複,並支援更具擴充性的現代網頁排版方法。

追蹤錯誤 #40398871 | ChromeStatus.com 項目 | 規格

DOM

ToggleEvent 來源屬性

ToggleEventsource 屬性包含觸發 ToggleEvent 觸發的元素 (如適用)。舉例來說,如果使用者點選 popovertargetcommandfor 屬性設為開啟快顯視窗的 <button> 元素,快顯視窗上觸發的 ToggleEvent 來源屬性會設為叫用 <button>

ChromeStatus.com 項目 | 規格

隔離網頁應用程式 (IWA)

Controlled Frame API (僅適用於 IWA)

這項功能會新增 Controlled Frame API,僅適用於隔離網頁應用程式 (IWA)。與其他平台上的同名 API 類似,受控影格可嵌入所有內容,包括無法嵌入 <iframe> 的第三方內容。此外,您也可以使用一系列 API 方法和事件,控管嵌入的內容。如要進一步瞭解隔離的網頁應用程式,請參閱「隔離的網頁應用程式說明」。

追蹤錯誤 #40191772 | ChromeStatus.com 項目 | 規格

JavaScript

Uint8Array 轉換為 base64 和十六進位格式,以及從 base64 和十六進位格式轉換

Base64 是以 ASCII 形式表示任意二進位資料的常見方式。JavaScript 具有二進位資料的 Uint8Arrays。不過,這個函式庫缺少內建機制,無法將資料編碼為 Base64,也無法接收 Base64 資料並產生對應的 Uint8Array。這項功能新增了在十六進位字串和 Uint8Arrays 之間轉換的功能和方法。

ChromeStatus.com 項目 | 規格

查看轉換完成承諾時間的變更

目前完成的 Promise 時間發生在算繪生命週期步驟中。也就是說,因 Promise 解析而執行的程式碼,會在產生移除檢視畫面轉場效果的視覺影格後執行。如果指令碼會移動樣式來保留視覺上相似的狀態,這可能會導致動畫結尾出現閃爍。這項變更會將檢視區塊轉換清除步驟移至生命週期完成後,以非同步方式執行,藉此解決問題。

追蹤錯誤 #430018991 | ChromeStatus.com 項目

網站 API

ReadableStreamBYOBReader min 選項

這項功能會在現有的 ReadableStreamBYOBReader.read(view) 方法中導入 min 選項。這個方法已接受 ArrayBufferView,可從中讀取資料,但目前無法保證讀取作業解決前寫入的元素數量。指定 min 值後,您就能要求串流等待至少這麼多元素可用,再解析讀取作業。這項改善措施可解決目前的問題,也就是讀取作業解析的元素可能比檢視區塊可容納的元素還少。

追蹤錯誤 #40942083 | ChromeStatus.com 項目 | 規格

網站可透過「取得已安裝的相關應用程式」API (navigator.getInstalledRelatedApps),判斷是否已安裝對應的相關應用程式。只有在應用程式與網頁來源建立關聯後,網站才能使用這個 API。

這項 API 已在 Android 版 Chrome 80 中推出。 Chrome 140 啟用桌面版網頁應用程式的額外支援。

文件 | 追蹤錯誤 #895854 | ChromeStatus.com 項目 | 規格

在某些情況下,請務必在伺服器端區分伺服器設定的 Cookie 和用戶端設定的 Cookie。其中一個案例是伺服器通常一律會設定的 Cookie。不過,非預期的程式碼 (例如 XSS 攻擊、惡意擴充功能或來自混淆開發人員的提交) 可能會在用戶端設定這些屬性。本提案新增的信號可供伺服器做出這類區別。具體來說,這項屬性會定義 __Http__HostHttp 前置字元,確保系統不會使用指令碼在用戶端設定 Cookie。

追蹤錯誤 #426096760 | ChromeStatus.com 項目 | 規格

Service Worker

SharedWorker 指令碼會繼承 blob 指令碼網址的控制器

規格指出,工作站應繼承 blob 網址的控制器。不過,現有程式碼只允許專屬工作人員繼承控制器,共用工作人員則不會。這項修正可讓 Chrome 的行為符合規格。SharedWorkerBlobURLFixEnabled 企業政策會控管這項功能。

追蹤錯誤 #324939068 | ChromeStatus.com 項目 | 規格

新增ServiceWorkerStaticRouterTimingInfo

這項功能會為 ServiceWorker Static 路由 API 新增時間資訊,並在 Navigation Timing API 和 Resource Timing API 中公開,供開發人員使用。ServiceWorker 會提供時間資訊,標示特定時間點。

這項功能會新增兩項與 Static 路由 API 相關的計時資訊:

  • RouterEvaluationStart:開始比對要求與已註冊路由器規則的時間。
  • CacheLookupStart:開始查閱快取儲存空間的時間 (如果來源是 "cache")。

此外,這項功能還會新增兩項路由器來源資訊:相符的路由器來源和最終路由器來源。

追蹤錯誤 #41496865 | ChromeStatus.com 項目 | 規格

來源試用

啟用來電通知

這項功能擴充了 Notifications API,讓已安裝的 PWA 可以傳送來電通知,也就是包含通話樣式按鈕和鈴聲的通知。這項擴充功能可讓使用者更輕鬆地辨識及接聽通話通知,協助 VoIP 網頁應用程式打造更吸引人的體驗。此外,如果應用程式同時有原生和網頁實作,這項功能有助於彌合兩者之間的差距。

來源試用 | 追蹤錯誤 #detail?id=1383570 | ChromeStatus.com 項目 | 規格

當機報告鍵值 API

這項功能會推出新的鍵值 API (暫定為 window.crashReport),並以每個文件的對應為基礎,保存附加至當機報告的資料。

如果網站發生任何轉譯器程序當機情形,系統會將這個 API 後端對應項中的資料傳送至 CrashReportBody。開發人員可藉此偵錯,找出應用程式中可能導致特定當機問題的狀態。

來源試用 | 追蹤錯誤 #400432195 | ChromeStatus.com 項目 | 規格

新增「clipboardchange」活動

每當網頁應用程式或其他系統應用程式變更系統剪貼簿內容時,就會觸發 clipboardchange 事件。這項功能可讓遠端桌面用戶端等網路應用程式,與系統剪貼簿保持同步。這項 API 可有效取代 JavaScript 輪詢剪貼簿變更的作業。

來源試用 | 追蹤錯誤 #41442253 | ChromeStatus.com 項目 | 規格

在 Android 裝置上啟用 SharedWorker

Android 長期以來對 SharedWorker 的需求,源自於網頁開發人員表達的幾項需求:

  • 資源共用和效率:開發人員的目標是在多個分頁之間共用單一 WebSocket 或伺服器推送事件 (SSE) 連線,藉此節省資源。
  • 持續性資源管理:需要在不同分頁之間共用及保存資源,特別是針對以 WASM 為基礎的 SQLite 等技術。
  • 縮小功能差距:其他主要行動瀏覽器 (包括 iOS 版 Safari 和 Android 版 Firefox) 均已支援 SharedWorker,因此 Android 版 Chrome 是最後一個解決這項差距的主要瀏覽器。

原始碼試用 | ChromeStatus.com 項目 | 規格

移除

停止從預先擷取和預先算繪傳送 Purpose: prefetch 標頭

預先擷取和預先算繪現在會使用 Sec-Purpose 標頭,因此系統會移除舊版 Purpose: prefetch 標頭。

這項功能會將範圍限定在推測規則 prefetch、推測規則 prerender<link rel=prefetch> 和 Chromium 的非標準 <link rel=prerender>

追蹤錯誤 #420724819 | ChromeStatus.com 項目 | 規格

淘汰部分元素中 H1 的特殊字型大小規則

HTML 規格包含特殊規則清單,適用於巢狀結構的 <h1> 標記,這些標記位於 <article><aside><nav><section> 標記內:

這些特殊規則已淘汰,因為會造成無障礙問題。 也就是說,這類元素會以視覺方式縮小巢狀 <h1> 元素的字型大小,使其「看起來」像 <h2> 元素,但無障礙樹狀結構中不會反映這項降級。

追蹤錯誤 #394111284 | ChromeStatus.com 項目 | 規格