穩定版發布日期:2026 年 6 月 30 日
除非另有說明,否則下列異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的 Chrome 150 穩定版。
CSS 和 UI
AccentColor 和 AccentColorText 系統顏色
您可以在 CSS 中使用 AccentColor 和 AccentColorText 系統顏色,存取使用者裝置上指定的系統強調色。這樣一來,開發人員就能在使用者期望整合 OS 主題的環境中,例如已安裝的網頁應用程式,將類似原生應用程式的樣式套用至網頁內容。使用者必須在初始設定檔中安裝的網頁應用程式內,才能看到系統的強調色。
追蹤錯誤 #40229450 | ChromeStatus.com 項目 | 規格
允許 polygon() 的選用捨入參數
在 polygon() CSS 形狀函式中新增選用的圓角參數。開發人員可以指定長度值,將多邊形圓角化,無須手動計算貝茲曲線。
追蹤錯誤 #329302249 | ChromeStatus.com 項目 | 規格
可製作動畫 zoom
CSS zoom 屬性可製作動畫,並以 <number> 插補。
開發人員可以轉換 zoom 並為其加上動畫效果,順暢地縮放元素及其版面配置,補足現有以轉換為基礎的縮放功能。
追蹤錯誤 #393810951 | ChromeStatus.com 項目
CSS url() 請求修飾符
CSS url() 函式會在加上引號的網址字串後,接受選用的要求修飾符:cross-origin()、integrity() 和 referrer-policy()。這些修飾符可直接從 CSS 控制參照資源的擷取行為,不必變更 HTML 標記或 JavaScript。舉例來說,background-image: url("image.png" cross-origin(anonymous)) 會使用 CORS 匿名模式擷取圖片。這項功能可讓作者精細控管跨來源存取權、子資源完整性,以及 CSS 載入資源 (包括圖片、字型、SVG 參照和匯入的樣式表) 的參照網址政策。
追蹤錯誤 #435625756 | ChromeStatus.com 項目 | 規格
CSS text-fit 屬性
縮放文字節點的字型大小,完美配合所含方塊的寬度。
開發人員可使用這項屬性,確保標題或動態內容填滿可用水平空間,不必手動計算字型大小,也不必使用複雜的 JavaScript 解決方法。這項功能提供強大的 CSS 原生解決方案,可實現回應式排版,並在不同螢幕大小和文字長度下維持視覺對齊。
追蹤錯誤 #417306102 | ChromeStatus.com 項目 | 規格
CSS background-clip: border-area
實作 CSS background-clip 屬性的 border-area 值,如 CSS 背景第 4 級所定義。background-clip: border-area 會將元素的背景剪輯至邊框筆觸繪製的區域,同時考量 border-width 和 border-style,並忽略 border-color 的透明度。開發人員可以藉此建立漸層邊框,不必使用 border-image。
WebKit 已推出這項功能,而這項實作作業可讓 Chromium 達到同等水準。
追蹤錯誤 #329302543 | ChromeStatus.com 項目 | 規格
CSS image(<color>) 函式
作者可以利用 image() 函式,從任何顏色產生純色圖片。語法為:image() = image( <color> )
追蹤錯誤 #510426954 | ChromeStatus.com 項目 | 規格
CSS light-dark() (含圖片值)
擴充 CSS light-dark() 函式,在作者樣式表接受圖片值 (url()、image-set()、none),讓 background-image、list-style-image、border-image-source、cursor 和 content 等圖片屬性根據使用者偏好的色彩配置,自動在圖片之間切換。先前只有 UA 樣式表允許這麼做。這項做法符合 CSS Color 5 規格,也與 Firefox 現有的實作方式一致。
追蹤錯誤 #491829958 | ChromeStatus.com 項目 | 規格
以半形逗號分隔的容器查詢
每個 @container 規則支援多項查詢。如果至少有一個查詢相符,就會套用 @container 規則。
因此,您可以為所有瀏覽器不支援的功能設定備用查詢。
追蹤錯誤 #41491726 | ChromeStatus.com 項目 | 規格
使用 CSS 顯示無法列印的區域
通常,印表機無法在紙張四個邊緣的小區域可靠地標記,這通常是因為印表機的紙張處理機制所致。預設頁面邊界應大於這些區域,但如果作者自行設定邊界,甚至想加入@page邊界方塊 (例如自訂頁首和頁尾),就需要知道哪些區域適合列印。
CSS 描述元 page-margin-safety 可用於避開這類無法列印的區域。
追蹤錯誤 #368070327 | ChromeStatus.com 項目 | 規格
flex-wrap: balance
flex-wrap: balance 可讓開發人員在彈性行之間分配內容,使內容顯示得更均衡 (類似於 text-wrap: balance)。
追蹤錯誤 #416755656 | ChromeStatus.com 項目 | 規格
CSS 的 named-feature() 函式 @supports
CSS @supports 規則可透過 named-feature() 函式查詢一小組特定具名功能,這些功能無法使用其他 @supports 機制進行測試,但測試價值極高。
追蹤錯誤 #353715317 | ChromeStatus.com 項目 | 規格
overscroll-behavior: chain
overscroll-behavior 現在有四個值:none、auto、contain 和新值 chain。這些值會影響兩種獨立效果:捲動傳播和本機邊框效果 (例如過度捲動延展)。
none:不傳播,沒有本機效果auto:傳播、本機效果contain:不傳播,僅限本機chain:傳播,沒有本機效果
追蹤錯誤 #499018879 | ChromeStatus.com 項目 | 規格
支援 path-length 做為 CSS 屬性。
這項變更會導入新的 CSS 屬性 path-length,對應至現有的 SVG pathLength 呈現屬性。適用於支援 pathLength 的 SVG 幾何元素 (包括 <path>、<circle>、<rect>、<line>、<polyline>、<polygon> 和 <ellipse>)。
追蹤錯誤 #40670251 | ChromeStatus.com 項目 | 規格
DOM 和 HTML
複製到所有後代 selectedcontent 元素
我們將對 selectedcontent 元素的邊緣情況進行幾項小幅異動:
- 如果同時將多個 selectedcontent 元素放入 select 元素,系統會讓所有元素保持最新狀態,而非只更新 DOM 順序中的第一個元素。
- 如果更新所選內容元素會在插入、移除或移動步驟期間執行,系統會延後更新,以修正安全性問題。更新會透過插入後步驟或微任務延後。
追蹤錯誤 #458113204 | ChromeStatus.com 項目 | 規格
Focusgroup
可宣告式地為複合式小工具提供方向鍵導覽、保證的 Tab 鍵停駐點,以及最後焦點記憶體,取代手動編碼的漫遊 tabindex 指令碼。範例:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
串流順序錯亂
使用 <template for> 和處理指令範圍 (<?marker>、<?start> 和 <?end>),即可更新文件的現有部分,不必使用 JS。
追蹤錯誤 #431374376 | ChromeStatus.com 項目 | 規格
剖析 HTML 中的處理指令
處理指令 (語法:<?target data>) 是 XML 中公開的現有 DOM 建構,代表並非元素但可能對文件處理具有語義意義的節點物件。
HTML 剖析器會剖析處理指令,並接收與元素類似的屬性 API,以變動資料。
追蹤錯誤 #481087638 | ChromeStatus.com 項目 | 規格
popover=hint 行為變更
這項變更會為 popover=hint 屬性及其與 popover=auto 的互動方式,導入經過修訂且簡化的堆疊模型。先前,這兩種型別的快顯視窗之間的互動在某些特殊情況下 (例如在提示快顯視窗內巢狀自動快顯視窗) 可能很複雜,並可能導致非預期的行為。在新模型下,開啟提示彈出式視窗不會意外關閉不相關的自動彈出式視窗。只有在祖先自動彈出式視窗隱藏,或開啟新的不相關自動彈出式視窗時,提示彈出式視窗才會隱藏。此外,開發人員可以在提示快顯視窗中安全地巢狀內嵌自動快顯視窗;巢狀內嵌的自動快顯視窗不會擲回例外狀況或中斷堆疊,而是會正常「降級」,並以提示快顯視窗的形式運作。這項功能支援多種用途,例如在 popover=hint 中放置 customizable-select。
為進一步提升可預測性並防止複雜的狀態突變,我們也收緊了從 beforetoggle 事件中開啟及關閉快訊的行為。先前已針對部分可能情況採取防護措施,但並非所有情況。這項變更會徹底改造偵測這類情況的機制,因此對於所有這類情況,系統應能更可靠地擲回 InvalidStateErrors。這可確保彈出式視窗狀態管理機制維持穩定,並避免迴圈重入錯誤。
追蹤錯誤 #499019927 | ChromeStatus.com 項目 | 規格
程式輔助捲動承諾
這項功能可提供程式輔助平滑捲動的完成狀態可靠信號。Element 和 Window 中的所有捲動方法都會傳回 Promise 物件,這些物件會在捲動完成時解析,而解析值會指出捲動是否中斷。
追蹤錯誤 #41406914 | ChromeStatus.com 項目 | 規格
圖像和媒體
針對外掛程式和 iframe 停用 SVG 濾鏡
Chrome 150 會禁止將 SVG 濾鏡套用至嵌入的外掛程式 (例如 PDF) 和跨來源或受限的 iframe (例如沙箱化 iframe)。當外掛程式或 iframe 要以 SVG 濾鏡效果繪製時,系統會遍歷效果樹狀結構,找出沒有 SVG 濾鏡的最高祖先,然後套用該效果。
追蹤錯誤 #476646486 | ChromeStatus.com 項目 | 規格
WebGPU:立即模式
在 WGSL 中新增即時位址空間,並在算繪通道、運算通道和算繪套件編碼器中新增 setImmediateData() 方法,讓開發人員直接將少量經常更新的資料傳遞至著色器,不必建立 GPU 緩衝區物件或繫結群組。
追蹤錯誤 #366291600 | ChromeStatus.com 項目 | 規格
安全性和 Web Speech
data: 網址的不透明來源
Chrome 150 更新了專屬和共用 Worker 處理 data:
URL 的方式。這些 worker 不再自動繼承建立指令碼或網頁的安全性來源,而是會獲派專屬的不透明來源。
這項做法符合 Worker HTML 規格,可將這些 Worker 與建立者的同源狀態隔離,防止 Worker 使用 BroadcastChannel 或同源儲存空間等機制存取機密資料,進而提升安全性。為維持正確的隔離邊界,這些 worker 仍會與建立者位於相同的儲存空間分區 (例如透過保留頂層網站或隨機數的方式)。
追蹤錯誤 #40051700 | ChromeStatus.com 項目 | 規格
Web Speech API:裝置端辨識品質
將 quality 屬性新增至 SpeechRecognitionOptions,藉此擴充 SpeechRecognition 介面。開發人員可藉此指定裝置端辨識 (使用 processLocally: true) 所需的語意功能。
建議的品質列舉支援三個層級:command、dictation 和 conversation。這些層級對應到日益複雜的任務和硬體需求。開發人員可藉此判斷本機裝置是否能處理高風險的用途 (例如會議轉錄),或是否應改用雲端服務。
追蹤錯誤 #476168420 | ChromeStatus.com 項目 | 規格
網路應用程式
PWA 來源遷移
使用者安裝漸進式網頁應用程式 (PWA) 時,應用程式的身分和安全性情境會緊密連結至網路來源,例如 app.example.com。如果開發人員需要因品牌重塑、網域重組或技術重新架構而變更 PWA 的來源,就會面臨重大挑戰。如果沒有來源遷移,這類變更會導致使用者必須手動解除安裝舊版應用程式,然後重新安裝新版應用程式,造成體驗中斷,且可能導致使用者流失人數增加。Chrome 150 版推出機制,開發人員可將已安裝的 PWA 無縫遷移至新的同網站來源,保留使用者信任度和權限。
WebAppInstallForceList 政策會禁止遷移。由於企業網頁應用程式政策主要以網址和來源為準,遷移作業可能會規避管理員設定的特定政策。如果企業管理員強制安裝應用程式,系統不會提供遷移選項,而是向使用者顯示說明這項情況的橫幅。
追蹤錯誤 #396504527 | ChromeStatus.com 項目 | 規格
來源試用
電子郵件驗證通訊協定
EVP (電子郵件驗證通訊協定) 可讓使用者提供無縫的加密擁有權證明,而不必手動輸入電子郵件一次性密碼,即可建立、存取及復原帳戶。
原始碼試用 | ChromeStatus.com 項目 | 規格
推測載入評估
公開有關推測載入 (預先載入、預先擷取和預先算繪) 的評估資料,做為新公開 performance.getSpeculations() 方法的一部分。開發人員就能評估各種推測性載入策略的效力,並據此調整策略。
來源試用 | 追蹤錯誤 #481590676 | ChromeStatus.com 項目
WebRTC Logging API
用於 WebRTC 診斷記錄的 API。
應用程式可透過這個 API 選擇啟用診斷記錄。這些記錄包含應用程式的 WebRTC 活動相關資訊,可用於本機偵錯或回報錯誤。
您可以選擇將記錄檔上傳至瀏覽器供應商,用於診斷錯誤。應用程式會取得可附加至錯誤報告的 ID,與當機類似。
透過名為「WebRtcDiagnosticLogCollectionAllowedForOrigins」的企業政策啟用診斷記錄。
原始碼試用 | 追蹤錯誤 #481412281 | ChromeStatus.com 項目 | 規格
淘汰和移除
這個版本沒有任何淘汰或移除項目。