發布日期：2026 年 6 月 3 日
除非另有說明，否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解這裡列出的功能，請點選提供的連結，或前往 ChromeStatus.com 查看清單。Chrome Beta 版於 2026 年 6 月 2 日推出。你可以前往 Google.com 下載最新版電腦版，或前往 Android 裝置上的 Google Play 商店下載。
CSS 和 UI
AccentColor 和 AccentColorText 系統顏色
您可以在 CSS 中使用 AccentColor 和 AccentColorText 系統顏色，存取使用者裝置上指定的系統強調色。這項功能可讓開發人員在使用者預期作業系統主題整合的環境中，對網頁內容套用類似應用程式的樣式，例如已安裝的網頁應用程式。使用者必須在初始設定檔中安裝的網頁應用程式內，才能看到系統強調色。
允許 polygon() 的選用捨入參數
您可以在 polygon() CSS 形狀函式中指定選用的圓角參數。開發人員可以指定長度值，將多邊形邊角設為圓角，不必手動計算貝茲曲線。
可動畫化的縮放效果
CSS zoom 屬性可製作動畫，並以 <number> 插補。開發人員可以轉換及製作縮放動畫，順暢地縮放元素及其版面配置，補足現有的轉換式縮放功能。
CSS 網址要求修飾符
CSS url() 函式會在加上引號的網址字串後，接受選用的要求修飾符：cross-origin()、integrity() 和 referrer-policy()。這些修飾符可直接從 CSS 控制參照資源的擷取行為，不需變更 HTML 標記或 JavaScript。
舉例來說，background-image: url("image.png" cross-origin(anonymous)) 會使用 CORS 匿名模式擷取圖片。
CSS text-fit 屬性
縮放文字節點的字型大小，完美配合所含方塊的寬度。
開發人員可透過這項屬性，確保標題或動態內容填滿可用的水平空間，不必手動計算字型大小，也不必使用複雜的 JavaScript 解決方案。這項屬性提供強大的 CSS 原生解決方案，可實現回應式排版，並在不同螢幕大小和文字長度下維持視覺對齊。
CSS background-clip: border-area
實作 CSS background-clip 屬性的 border-area 值，如 CSS 背景第 4 級所定義。background-clip 值會將元素的背景裁剪至邊框筆觸繪製的區域，同時考量 border-width 和 border-style，並忽略 border-color 的透明度。這個值可讓您建立梯度邊框，而不需使用 border-image。
CSS image(<color>) 函式
開發人員可使用 image() 函式，從任何顏色產生純色圖片。語法為：image() = image( <color> )。
CSS light-dark() (含圖片值)
擴充 CSS light-dark() 函式，在作者樣式表接受圖片值 (例如 url()、image-set() 和 none)，讓圖片屬性 (例如 background-image、list-style-image、border-image-source、cursor 和 content) 根據使用者偏好的色彩配置，自動在圖片之間切換。先前，只有使用者代理程式樣式表允許這種行為。這項變更符合 CSS Color 5 規格，並與 Firefox 的現有實作項目相符。
複製到所有後代 selectedcontent 元素
我們將對 selectedcontent 元素的邊緣情況進行幾項小幅變更：
- 如果同時將多個
selectedcontent元素放入<select>元素中，系統會讓所有元素保持最新狀態，而不是只更新 DOM 順序中的第一個元素。 - 在插入、移除或移動步驟期間執行時，系統會延後更新
selectedcontent元素，以修正安全性問題。系統會使用插入後步驟或微工作延後更新。
以半形逗號分隔的容器查詢
每個 @container 規則支援多項查詢。只要至少有一個查詢相符，就會套用 @container 規則。
這項功能可讓您為所有瀏覽器不支援的功能提供備用查詢。
範例：
@container --name1 not-supported(--foo: bar), --name2 (width > 600px) {}
除了支援多個查詢，物件模型也擴充為支援 CSSContainerRule API 的 conditions 屬性。
向 CSS 公開無法列印的區域
通常在紙張的四個邊緣，印表機都有一個小區域無法可靠地標記，這通常是因為印表機的紙張處理機制所致。預設頁面邊界應大於這些區域，但如果作者自行設定邊界，甚至想新增 @page 邊界方塊 (例如自訂頁首和頁尾)，就需要判斷安全列印的位置。
CSS 描述元 page-margin-safety 可用於避開這類無法列印的區域。
focusgroup 屬性
作者可以宣告式地為複合式小工具提供方向鍵導覽、保證的 Tab 鍵停駐點，以及最後焦點記憶體，取代手動編寫的 roving tabindex 指令碼。範例：
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
媒體元素虛擬類別
:playing、:paused、:seeking、:buffering、:stalled、:muted 和 :volume-locked CSS 虛擬類別會根據 <audio> 和 <video> 元素狀態進行比對。
這項功能是 Interop 2026 的重點領域之一。
popover=hint 行為變更
這項變更為 popover=hint 屬性及其與 popover=auto 的互動，實作了經過修訂且簡化的堆疊模型。先前，這兩種型別的快訊之間的互動可能很複雜，例如在 popover=hint 內巢狀插入 popover=auto，且可能導致非預期行為。在新模型下，開啟 popover=hint 不會再意外關閉不相關的 popover=auto 元素。提示快訊只會在祖先 popover=auto 隱藏時，或開啟新的不相關 popover=auto 時隱藏。此外，開發人員可以安全地在提示快訊內巢狀插入自動快訊；巢狀插入的 popover=auto 不會擲回例外狀況或中斷堆疊，而是會順利降級並以 popover=hint 形式運作。這項功能可讓開發人員在 popover=hint 內放置可自訂的 <select>。
為進一步提升可預測性，並避免複雜的狀態突變，Chrome 也會從 beforetoggle 事件中，加強開啟和關閉浮動視窗的行為。先前已針對部分 (但並非全部) 可能的情況設定防護措施。這項變更會全面更新偵測這些情況的機制，確保在所有這類情況下都會擲回 InvalidStateError。這項變更可確保浮動視窗狀態管理保持穩定，並避免迴圈重入錯誤。
這些變更的動機，是與 Mozilla 在 GitHub 上的 HTML 規格提取要求中，針對標準進行的討論。
相對 Alpha 顏色
相對 Alpha 顏色提供直接的 CSS 方式，可衍生現有顏色的半透明版本，而不必重新編寫顏色通道。目前，如果開發人員想要使用相同顏色但不同不透明度的值，就必須複製元件值或建立個別的預先計算權杖。CSS Color 5 alpha() 函式會保留原始顏色元件，只變更 Alpha，因此可減少撰寫負擔，並讓顏色符記更容易重複使用及維護。
大小可調整 <iframe>
允許網站選擇讓 iframe 具有回應式大小，將父項文件中的 <iframe> 元素大小調整為 iframe 文件的版面配置溢位大小，避免在子項文件中捲動。
flex-wrap:balance
flex-wrap:balance 可讓開發人員在彈性行之間分配內容，使內容顯示得更均衡，類似於 text-wrap:balance。
CSS 的 named-feature() 函式 @supports
CSS @supports 規則可透過 named-feature() 函式查詢一小組特定的具名功能，這些功能無法使用其他 @supports 機制進行測試，但測試價值極高。
overscroll-behavior: chain
overscroll-behavior 有三個值：none、auto 和 contain。這些值會影響兩種獨立效果：捲動傳播和本機邊框效果。例如，過度捲動延展。
none：不傳播捲動，沒有本機邊界效果。auto：捲動傳播、本機邊界效果。contain：不傳播捲動，本機邊界效果。
這個版本會追蹤新值，以完成設定：chain：捲動傳播，沒有本機邊界效果。
這項值適用於實作側邊選單等效果 (以捲軸形式實作)。您可以帶入選單，當選單抵達邊緣時，不會過度捲動或延展及轉譯。不過，捲動會鏈結至祖先。
網站 API
在外掛程式和跨來源或受限的 iframe 上停用 SVG 濾鏡
Chrome 150 會禁止將可縮放向量圖形 (SVG) 濾鏡套用至跨來源或受限的 iFrame (例如沙箱化 iFrame)，以及嵌入的外掛程式 (例如 PDF)。當影格或外掛程式繪製 SVG 濾鏡效果時，系統會遍歷效果樹狀結構，找出沒有 SVG 濾鏡的最高祖先，並改為套用該效果。
IndexedDB：SQLite 後端
Chromium 的 IndexedDB 實作方式會以 SQLite 為基礎重新編寫，取代先前使用 LevelDB 和純文字檔案混合實作的方式。這項異動不會影響 Web API。
預計可提升穩定性，以及效能 (但提升幅度較小)。
目前這項變更適用於新資料儲存區。這項變更是多階段漸進式發布的第 2 步。如要追蹤第 1 步，請參閱 ChromeStatus 功能頁面中的 SQLite 記憶體內文。
MediaStreamTrackProcessor 影格計數器
在 MediaStreamTrackProcessor 介面中新增 discardedFrames 和 totalFrames 屬性。這些計數器可讓網頁開發人員追蹤處理器接收和捨棄的影格數量，藉此監控媒體處理管道的健康狀態。
data: 網址的不透明來源
Chrome 150 版更新了 DedicatedWorker 和 SharedWorker 處理
data: 網址的方式。這些 worker 不會自動繼承建立指令碼或網頁的安全來源，而是會獲派專屬的不透明來源。
這項變更符合 worker HTML 規格，並將這些 worker 與建立者的同源狀態隔離，防止 worker 透過 BroadcastChannel 或同源儲存空間等機制存取機密資料，進而提升安全性。為維持正確的隔離界線，這些 worker 仍會與建立者位於相同的儲存空間分割區 (例如保留頂層網站或隨機數)。
這項安全防護調整措施預設會在電腦和行動裝置平台啟用。管理員可以透過集中式設定，查看或驗證安全防護界線。如需技術實作詳細資料和規格參考資料，請參閱「HTML Living Standard Worker Settings」的步驟 3。
PWA 來源遷移
使用者安裝漸進式網頁應用程式 (PWA) 時，應用程式的身分和安全性環境會緊密繫結至網頁來源，例如 app.example.com。如果開發人員需要因品牌重塑、網域重組或技術重新架構而變更 PWA 的來源，這種繫結就會造成重大挑戰。這類變更會導致使用者必須手動解除安裝舊應用程式，然後重新安裝新應用程式，造成體驗中斷，並可能導致使用者流失。Chrome 150 推出了一種機制，可供開發人員將已安裝的 PWA 遷移至新的同網站來源，同時保留使用者的信任和權限。
WebAppInstallForceList 政策會禁止遷移。由於網頁應用程式的企業政策主要以網址和來源為依據，因此遷移作業可能會略過管理員設定的特定政策。如果企業管理員強制安裝應用程式，Chrome 不會提供遷移選項給使用者，而是顯示說明這項情況的橫幅。
剖析 HTML 中的處理指令
處理指令 (語法：<?target data>) 是現有的 DOM 建構，在 XML 中公開，允許節點物件不是元素，但可能具有一些語義意義，可處理文件。
舉例來說，您可以使用這些屬性標示串流或醒目顯示的範圍，不必使用新的 DOM 元素，也不必變更 CSS 相關的 DOM 結構，或是做為 HTML 剖析器的指令，說明如何緩衝及串流。
無序串流
亂序串流可讓您使用 <template for> 和處理指令範圍 (<?start> 和 <?end>) 以非循序方式傳送 HTML，並更新文件的現有部分，無須使用 JavaScript。
程式輔助捲動承諾
這項功能可提供可靠的信號，指出程式輔助平滑捲動是否完成。Element 和 Window 中的所有捲動方法都會傳回 Promise 物件，這些物件會在捲動完成時解析，而解析值會指出捲動是否遭到中斷。
WebGPU 即時
在 WGSL 中新增即時位址空間，並在算繪通道、運算通道和算繪套件編碼器上新增 setImmediateData() 方法，可將少量經常更新的資料直接傳遞至著色器，不必建立 GPU 緩衝區物件或繫結群組。這項功能特別適合需要更新每個繪製呼叫參數 (例如物件索引、材質索引或轉換矩陣) 的應用程式，可避免緩衝區和繫結群組管理負擔，大幅提升效能。
Web Speech API：裝置端辨識品質
透過在 SpeechRecognitionOptions 中新增 quality 屬性，擴充 SpeechRecognition 介面。開發人員可使用 processLocally: true 指定裝置端辨識功能所需的語意功能。
建議的 quality 列舉支援三種層級：command、dictation 和 conversation，分別對應到日益複雜的工作和硬體需求。開發人員可透過這項功能判斷本機裝置是否能處理高風險的用途 (例如會議轉錄)，或是否需要改用雲端服務，解決裝置端模型功能不透明的問題。
新的來源試用
在 Chrome 150 中，您可以選擇加入下列新的來源試用。
電子郵件驗證通訊協定 (EVP)
電子郵件驗證通訊協定 (EVP) 可讓使用者提供加密編譯的擁有權證明，順暢地建立、存取及復原帳戶，不必手動輸入電子郵件一次性密碼。
淘汰與移除
這個版本的 Chrome 淘汰及移除下列項目。
從 FontFaceSet IDL 移除 [LegacyNoInterfaceObject]
Chromium 的 FontFaceSet IDL 先前錯誤地使用 [LegacyNoInterfaceObject]，導致 FontFaceSet 隱藏為全域屬性，並從原型刪除建構函式屬性。這項行為與 CSS 字型載入規格有所出入，也與 Safari 和 Firefox 的行為不同。
這項移除作業會從 FontFaceSet IDL 中移除 [LegacyNoInterfaceObject]，讓 FontFaceSet 可做為全域屬性存取。由於 IDL 中未定義任何 constructor()，因此從 JavaScript 呼叫新的 FontFaceSet() 時，系統會正確擲回 TypeError: Illegal constructor，符合規格規定的行為。