發布日期：2025 年 5 月 27 日
Chrome 137 目前正在推出，本文將分享這項版本的部分主要功能。閱讀完整的 Chrome 137 版本資訊。
本版本重點：
使用 reading-flow 和 reading-order，確保在複雜版面配置中維持合理的分頁順序。CSS if() 函式可讓您以簡潔的方式表示條件值。JavaScript Promise 整合 (JSPI) 可讓 WebAssembly 應用程式整合 JavaScript Promise。
CSS reading-flow 和 reading-order
reading-flow CSS 屬性可控制彈性、格線或區塊版面配置中元素向無障礙工具公開的順序，以及使用線性順序導覽方法將焦點放在這些元素的方式。這項功能解決了格狀和 Flex 版面配置的長期問題，在這些版面配置中，分頁順序可能與項目的版面配置順序不一致。
這個屬性會採用一個關鍵字值，預設為 normal，可維持元素的 DOM 排序行為。如要在 Flex 容器中使用此屬性，請將其值設為 flex-visual 或 flex-flow。如要在格狀容器中使用，請將其值設為 grid-rows、grid-columns 或 grid-order。
reading-order CSS 屬性可讓您手動覆寫閱讀流程容器內項目的順序。如要在格狀、彈性或區塊容器中使用此屬性，請將容器的 reading-flow 值設為 source-order，並將個別項目的 reading-order 設為整數值。
如需進一步瞭解，請參閱「使用 CSS reading-flow 進行邏輯順序的焦點導覽」。
CSS 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>
WebAssembly JavaScript Promise 整合 (JSPI)
JavaScript Promise 整合 (JSPI) 是一種 API，可讓 WebAssembly 應用程式與 JavaScript 承諾整合。
這可讓 WebAssembly 程式充當承諾的產生器，並讓 WebAssembly 程式與承諾 API 互動。
特別是，當應用程式使用 JSPI 呼叫含有承諾 (JavaScript) API 時，WebAssembly 程式碼會暫停；而 WebAssembly 程式最終完成時，WebAssembly 程式的原始呼叫端會收到承諾。
還有其他眾多資源！
當然，還有更多功能：
- 為延續儲存空間分區功能，Chrome 已實作 Blob 網址存取權的儲存空間鍵分區功能。
- 目前已實作畫布浮點像素格式。
- 支援
offset-path: shape()，因此您可以使用回應式形狀設定動畫路徑。
延伸閱讀
這份報告僅涵蓋部分重點。如要瞭解 Chrome 137 的其他變更，請參閱以下連結。
訂閱
如要隨時掌握最新消息，請訂閱 Chrome 開發人員 YouTube 頻道，這樣一來，每當我們發布新影片，你就會收到電子郵件通知。或者，您也可以在 X 或 LinkedIn 上追蹤我們，掌握最新文章和網誌文章。
只要 Chrome 138 一發布，我們就會在這裡告訴你 Chrome 有哪些新功能！