4 月首次使用網路平台

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

Rachel Andrew

發布日期：2025 年 4 月 30 日

穩定版瀏覽器

2025 年 4 月，Firefox 137、Firefox 138、Chrome 135 和 Chrome 136 都已穩定。本篇文章將探討 Chrome 和 Firefox 在一個月內發布兩個版本時，新增至網路平台的新功能。

輪轉介面在 Chrome 中上線

在 Chrome 135 版中，有幾項功能可用於在網頁上建立輪轉介面和其他分頁式體驗。

::scroll-button() 和 ::scroll-marker() 擬似元素可讓您在網站上的任何可捲動區域中新增按鈕和標記，提供導覽控制項，並在使用者瀏覽輪轉介面時，顯示他們所在的位置。

Browser Support

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

Source

::column 是可讓您為欄位片段套用樣式的虛擬元素。

Browser Support

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

Source

interactivity 屬性可指定元素及其平面樹狀結構的子項 (包括文字行) 是否為惰性。

Browser Support

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

將元素設為無效會影響該元素是否可聚焦、編輯、選取，以及是否可透過頁面內搜尋功能進行搜尋。這也會影響無障礙樹狀結構中是否可見。

如要進一步瞭解，請參閱「使用 CSS 的輪轉介面」。

command 和 commandfor 屬性

Chrome 135 中也包含 command 和 commandfor 屬性。這些屬性可強化並取代 popovertargetaction 和 popovertarget 屬性。這些新屬性可加入按鈕，讓瀏覽器解決簡易性和無障礙設計方面的部分核心問題，並提供內建的常用功能。

如要瞭解詳情，請參閱「介紹 command 和 commandfor」。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

CSS shape() 函式

Chrome 135 中的 shape() CSS 函式用於為 clip-path 和 offset-path 屬性定義形狀。瞭解如何使用這項功能進行回應式裁剪。這項功能已在 Safari 18.4 中推出，也已在 Firefox Nightly 中推出，希望很快就能在 Baseline 中推出。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

Atomics.pause()

Firefox 137 包含 Atomics.pause()，可讓這項功能成為新基準。這個靜態方法會提供微型等待原始碼，向 CPU 提示，在等待共用資源存取權時，呼叫端會持續執行。這樣一來，系統就能減少分配給核心 (例如電源) 或執行緒的資源，而無須產生目前的執行緒。

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

CSS hyphenate-limit-chars

Firefox 137 也包含 CSS hyphenate-limit-chars 屬性。這個屬性會指定單字的最短長度，以便將單字分字，並指定連字號前後的字元數下限。

Browser Support

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

Source

RegExp.escape

RegExp.escape 靜態方法已在幾個月內在所有瀏覽器中推出，並在 Chrome 136 推出時成為新基準。

這個方法會將字串中的任何潛在規則運算式語法字元轉義，並傳回可安全地用於 RegExp() 建構函式的文字模式的新字串。

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Error.isError() 靜態方法會判斷傳入的值是否為錯誤。這項功能已納入 Firefox 138 中。雖然所有瀏覽器都支援這項功能，但由於 Safari 目前會為 DOMException 例項傳回 false，因此這項功能尚未完全視為可用的基準功能。

Browser Support

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

Source

FedCM 的登入狀態 API

使用 Federated Credential Management (FedCM) API 時，Firefox 138 支援 Login Status API。這個屬性可用於設定及檢查瀏覽器使用者是否已登入身分識別提供者。Firefox 138 支援 NavigatorLogin 介面、navigator.login 屬性和 Set-Login HTTP 回應標頭。

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

Importmap 完整性

在 Firefox 138 中，<script> 元素 type 屬性的 importmap 值現在支援 integrity 鍵。這樣一來，匯入對應表中參照的 ES 模組網址就能與完整性中繼資料相符。這項功能現已在 Baseline 中推出。

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

Beta 版瀏覽器

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

目前 Safari 18.5 的 Beta 版僅包含 18.4 版本中大規模發布後修正的幾個錯誤。

截至撰寫本文時，Firefox 尚未發布版本資訊，但 Beta 版似乎包含Temporal API，因此 Firefox 成為第一個提供此改善版 Date 的瀏覽器。實作 <dialog> request.close()，將這項方法納入 Baseline Newly 可用。