5 月初次使用網路平台

探索 2025 年 5 月推出的穩定版和 Beta 版網頁瀏覽器中，有哪些有趣的功能。

Rachel Andrew

發布日期：2025 年 5 月 29 日

穩定版瀏覽器

2025 年 5 月，Firefox 139、Chrome 137 和 Safari 18.5 已穩定推出。本文將探討這些版本新增至網頁平台的新功能。

Temporal API

Firefox 139 是第一個支援 Temporal API 的瀏覽器。這樣一來，您就能在各種情境下輕鬆處理日期和時間，並使用內建的時區和日曆表示法。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 139.
  • Safari: behind a flag.

Source

hidden=until-found 和 beforematch 事件

Firefox 139 也包含 hidden="until-found" HTML 屬性和 beforematch 事件。until-found 狀態可讓您隱藏元素的內容，直到使用者搜尋 (例如使用「在頁面中尋找」) 或片段導覽功能找到該元素為止。beforematch 事件會在 hidden 屬性移除前觸發

requestClose() 方法

現已基準：Firefox 139 版本新增 HTMLDialogElement 介面的 requestClose() 方法。

這個方法與 HTMLDialogElement.close() 方法的不同之處在於，它會先觸發 cancel 事件，再觸發 close 事件。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 139.
  • Safari: 18.4.

Source

CSS reading-flow 和 reading-order

Chrome 137 提供 reading-flow 和 reading-order。reading-flow CSS 屬性可控制彈性、格線或區塊版面配置中元素向無障礙工具公開的順序，以及使用線性順序導覽方法將焦點放在這些元素的方式。這項功能解決了格線和 Flex 版面配置的長期問題，在這些問題中，分頁順序可能與項目的版面配置順序不符。

reading-order CSS 屬性可讓您手動覆寫閱讀流程容器內項目的順序。如要在格狀、Flex 或區塊容器中使用此屬性，請將容器的 reading-flow 值設為 source-order，並將個別項目的 reading-order 設為整數值。

Browser Support

  • Chrome: 137.
  • Edge: 137.
  • Firefox: not supported.
  • Safari: not supported.

如要進一步瞭解相關資訊，請參閱「使用 CSS 閱讀流程，實現邏輯的連續焦點導覽」一文。

CSS if() 函式

在 Chrome 137 中，CSS if() 函式也提供簡潔的方式來表示條件值。這個參數接受一系列以分號分隔的條件-值組合。函式會依序評估每個條件，並傳回與第一個為 true 條件相關聯的值。如果沒有任何條件評估為「是」，函式會傳回空格符號串流。

Document-Isolation-Policy

Document-Isolation-Policy 已在 Chrome 137 中推出，可讓文件為自身啟用 crossOriginIsolation，無須部署 COOP 或 COEP，也不受頁面 crossOriginIsolation 狀態影響。這項政策由程序隔離功能支援。此外，文件非 CORS 跨來源子資源將在沒有憑證的情況下載入，或需要有 CORP 標頭。

宣告式網路推送

Safari 18.5 主要是錯誤修正版本，但確實為 macOS 新增了宣告式 Web Push 功能，目前這項功能僅在 Safari 中提供。如要進一步瞭解這項功能，請參閱 WebKit 網誌上的Meet Declarative Web Push。

Beta 版瀏覽器

瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前，您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 140 和 Chrome 138。

Firefox 140 包含 Cookie Store API 的子集，這是一種新型的非同步、以承諾為基礎的 Cookie 管理方法，可用於主執行緒和服務工作站。

Chrome 138 包含多個內建 AI API，包括 Summarizer API、Language Detector API 和 Translator API。

在 Chrome 138 中，也有許多 CSS 功能，包括 stretch 大小設定關鍵字，以及 sibling-index() 和 sibling-count() 函式。