Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Chrome 137 Beta 版

Rachel Andrew

發布日期：2025 年 5 月 1 日

除非另有說明，否則下列變更適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。如要進一步瞭解這裡列出的功能，請點選提供的連結，或前往 ChromeStatus.com 查看清單。Chrome 130 版於 2025 年 4 月 30 日推出 Beta 版。你可以前往 Google.com 下載電腦版，或前往 Android 裝置的 Google Play 商店下載。

CSS 和 UI

這個版本新增了七項 CSS 和 UI 功能。

`if()` 函式

CSS if() 函式可讓您以簡潔的方式表示條件值。這個屬性會接受一系列以半形分號分隔的條件/值組合。函式會依序評估各項條件，並傳回與第一個為 true 的條件相關聯的值。如果沒有任何條件評估結果為 true，函式會傳回空白權杖串流。您可以使用簡單明瞭的方式，表達複雜的條件邏輯。範例：

div {
      color: var(--color);
      background-color: if(style(--color: white): black; else: white);
  }
  .dark {
      --color: black;
  }
  .light {
      --color: white;
  }

<div class="dark">dark</div>
<div class="light">light</div>

`reading-flow` 和 `reading-order` 屬性

reading-flow CSS 屬性可控制彈性、格線或區塊版面配置中的元素，向無障礙工具公開的順序，以及使用 Tab 鍵盤焦點導覽時的焦點順序。並採用下列其中一個關鍵字值：

normal
flex-visual
flex-flow
grid-rows
grid-columns
grid-order
source-order

reading-order CSS 屬性可讓您手動覆寫讀取流程容器內的順序。這是整數，預設值為 0。

如要瞭解詳情，請參閱「使用 CSS 閱讀流程進行邏輯循序焦點導覽」，並試用一些閱讀流程範例。

`offset-path: shape()`

clip-path 已支援 shape() 函式，可進行回應式剪裁。為 offset-path 啟用這項功能，也能縮小一小段差距，因為該屬性可使用相同類型的形狀。

支援 `SVGSVGElement` 的轉換屬性

這項功能可讓您使用 <svg> 根元素的 transform 屬性，直接對該元素套用轉換屬性，例如縮放、旋轉、平移和傾斜。這項強化功能可讓您操控整個 SVG 座標系統或其內容，在建立動態、回應式和互動式向量圖形時，提供更大的彈性。支援這項屬性後，SVG 元素就能轉換，不必使用額外的包裝函式元素或複雜的 CSS 解決方法，簡化建構可擴充及動畫網頁圖片的程序。

省略片段，允許 `<use>` 參照外部文件的根元素。

在這項功能中，我們放寬了參照規定，簡化了 SVG <use> 元素。目前您需要在 SVG 文件中明確參照片段。如果未提供片段 ID，<use> 就無法解析目標，也不會轉譯或參照任何內容。

使用這項功能時，省略片段或只提供外部 SVG 檔案名稱，系統就會自動參照根元素，您不必為了將 ID 指派給根元素而變更參照的文件。這項強化功能可簡化手動編輯程序，並提高效率。

`accent-color` 屬性的系統強調色擴展至 Windows 和 ChromeOS

這樣一來，您就能為表單元素使用作業系統的強調色。使用 accent-color CSS 屬性，即可確保核取方塊、圓形按鈕和進度列等表單元素，會自動採用使用者作業系統定義的強調色。這項功能自 2021 年起支援 macOS，現在也支援 Windows 和 ChromeOS。

`view-transition-name: match-element`

view-transition 屬性的 match-element 值會根據元素的 ID 產生專屬 ID，且該 ID 會維持不變。在單頁應用程式案例中，如果元素正在移動，且您想使用檢視畫面轉場效果為元素加上動畫，就會用到這個屬性。

網站 API

對齊「付款」WebAuthn 憑證建立作業擲回的錯誤類型

修正 WebAuthn 憑證建立期間擲回的錯誤類型，適用於 payment 憑證。由於歷史規格不符，在沒有使用者啟用的跨來源 iframe 中建立 payment 憑證時，系統會擲回 SecurityError，而非擲回 NotAllowedError (非付款憑證會擲回此錯誤)。這是一項破壞性變更。先前偵測擲回錯誤類型的程式碼 (例如 e instanceof SecurityError) 會受到影響。一般來說，如果程式碼只是處理憑證建立期間的錯誤 (例如 catch (e))，仍可正常運作。

Blob 網址分割：擷取/導覽

這是儲存空間分區的延續，可根據儲存空間金鑰 (頂層網站、框架來源和 has-cross-site-ancestor 布林值) 實作 Blob 網址存取權分區，但頂層導覽除外，這類導覽仍只會依框架來源分區。

您可以設定 PartitionedBlobURLUsage 政策，暫時還原這項變更。淘汰其他儲存空間分割相關企業政策時，這項政策也會淘汰。

無回應網頁的當機報告中的呼叫堆疊

如果 JavaScript 程式碼執行無限迴圈或其他非常耗時的運算，導致網頁沒有回應，這項功能就會擷取 JavaScript 呼叫堆疊。這有助於開發人員找出無回應的原因，並更輕鬆地修正問題。如果原因是不回應，JavaScript 呼叫堆疊會納入當機回報 API。

畫布浮點顏色類型

導入使用浮點像素格式的功能 (而非 8 位元定點)，適用於 CanvasRenderingContext2D、OffscreenCanvasRenderingContext2D 和 ImageData。高精確度應用程式 (例如醫療影像)、高動態範圍內容和線性工作色彩空間都需要這項功能。

禁止不可信的明文 HTTP 預先算繪

目前預先轉譯允許透過 HTTP 和 HTTPS 進行，而預先擷取僅適用於 HTTPS。限制預先算繪，與預先擷取保持一致。

Document-Isolation-Policy

Document-Isolation-Policy 可讓文件自行啟用 crossOriginIsolation，不必部署 COOP 或 COEP，也不受網頁的 crossOriginIsolation 狀態影響。這項政策以程序隔離為基礎。此外，文件非 CORS 跨源子資源會載入，但不會使用憑證，或需要有 CORP 標頭。

詳情請參閱「文件隔離政策：輕鬆啟用強大的網頁功能」。

Web 密碼學中的 Ed25519

這項功能在 Web Cryptography API 中新增對 Curve25519 演算法的支援，也就是簽章演算法 Ed25519

記錄及回報 IP 位址

Chrome Enterprise 會收集並回報本機和遠端 IP 位址，然後將這些 IP 位址傳送至安全調查記錄 (SIT)，藉此強化安全監控和事件應變功能。此外，Chrome Enterprise 也會允許管理員使用 Chrome Enterprise 報告連接器，選擇性地將 IP 位址傳送給第一方和第三方 SIEM 供應商。Chrome Enterprise 基本版客戶可使用這項功能。

整合 JavaScript Promise

JavaScript Promise Integration (JSPI) 是一種 API，可讓 WebAssembly 應用程式與 JavaScript Promise 整合。可讓 WebAssembly 程式做為 Promise 的產生器，並與含有 Promise 的 API 互動。具體來說，當應用程式使用 JSPI 呼叫含有 Promise 的 (JavaScript) API 時，WebAssembly 程式碼會暫停，而 WebAssembly 程式的原始呼叫端會收到 Promise，該 Promise 會在 WebAssembly 程式最終完成時履行。

Language Detector API

語言偵測器 API 是一種 JavaScript API，可識別所提供字串的語言。這項 API 的基礎模型經過微調，可執行語言偵測工作。

Language Detector API 會根據輸入的字串，傳回偵測到的語言清單 (依可信度排序)，以及每個結果的可信度分數。

開發人員也可以在建立 Language Detector 執行個體時，傳遞預期的輸入語言清單，以便針對特定語言的偵測作業進行最佳化。

限制 `SVGMatrix`、`SVGRect` 和 `SVGPoint` 的浮點屬性和引數

在 SVGMatrix、SVGRect 和 SVGPoint 上設定浮動屬性或引數時，現在無法將這些屬性或引數設為 Infinity 或 Nan。如要設定這個屬性，系統會擲回 JavaScript 例外狀況，如 SVG 規格中所定義。

Selection API `getComposedRanges` 和 `direction`

這項功能會為 Selection API 推出兩項新的 API 方法：

Selection.direction，傳回選取內容的方向，可以是 "none"、"forward" 或 "backward"
Selection.getComposedRanges()，這會傳回 0 或 1 個「已組合」的清單 StaticRange

「組合」StaticRange可跨越陰影邊界，一般範圍則無法。

例如：

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

如果選取範圍跨越未在 shadowRoots 清單中提供的陰影根邊界，StaticRange 的端點就會「重新範圍化」，位於該樹狀結構之外。確保我們不會公開不明的陰影樹狀結構。

網頁應用程式範圍擴充功能

新增 scope_extensions 網頁應用程式資訊清單欄位，讓網頁應用程式將範圍擴展至其他來源。

範例：

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "type", "origin" : "https://example.com"}
  ]
}

這樣一來，控管多個子網域和頂層網域的網站就能以單一網頁應用程式的形式呈現。

要求列出的來源使用 .well-known/web-app-origin-association 設定檔，確認與網頁應用程式的關聯。

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

WebAssembly 分支提示

告知引擎特定分支指令很可能採用特定路徑，藉此提升編譯後的 WebAssembly 程式碼效能。這可讓引擎更明智地決定程式碼版面配置 (提高指令快取命中率) 和暫存器分配。

WebGPU：`GPUTextureView` 的 `externalTexture` 繫結

建立 GPUBindGroup 時，現在允許使用 GPUTextureView 做為 externalTexture 繫結。

WebGPU：`copyBufferToBuffer` 超載

GPUCommandEncoder copyBufferToBuffer() 方法現在提供更簡單的方式，可使用新的過載 (含選用偏移和大小參數) 複製整個緩衝區。

新的來源試用

在 Chrome 137 中，您可以選擇加入下列新的原始碼試用計畫。

全影格率算繪封鎖屬性

將新的完整影格速率的算繪封鎖權杖新增至封鎖屬性。如果使用全影格率權杖封鎖轉譯器，轉譯器會以較低的影格率運作，以便保留更多資源用於載入。

暫停播放未顯示 iframe 中的媒體

新增 "media-playback-while-not-rendered" 權限政策，允許嵌入器網站暫停未顯示的內嵌 iframe 媒體播放作業，也就是將「display」屬性設為「none」。開發人員應可藉此打造更友善的使用者體驗，並讓瀏覽器處理使用者看不到的內容播放作業，進而提升效能。

Rewriter API

Rewriter API 會根據要求轉換及重述輸入文字，並由裝置端 AI 語言模型提供支援。開發人員可以使用這項 API 移除文字中的冗餘內容，以符合字數限制；根據目標對象改寫訊息，或在訊息使用不當語言時改寫成更具建設性的內容；改寫貼文或文章，使用更簡單的字詞和概念等等。

Writer API

Writer API 可根據寫作工作提示，使用裝置端 AI 語言模型撰寫新內容。開發人員可使用這項 API 生成結構化資料的文字說明、根據評論或產品說明撰寫產品貼文、將優缺點清單擴展為完整檢視畫面等。

Chrome 137 Beta 版 透過集合功能整理內容 你可以依據偏好儲存及分類內容。