網路平台 3 月新知

瞭解 2025 年 3 月期間，穩定版和 Beta 版網頁瀏覽器推出的幾項有趣功能。

Rachel Andrew

發布日期：2025 年 3 月 31 日

穩定版瀏覽器

2025 年 3 月，Firefox 136、Chrome 134 和 Safari 18.4 都已穩定。本文將介紹網頁平台新增的功能。

新的疑似類別 :has-slotted 和 :open

Firefox 136 支援 :has-slotted 擬造類別，用於在轉譯網頁元件時，為 <template> 中內容新增至 <slot> 元素的元素設定樣式。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

:open 擬造類別可讓您選取目前處於開啟狀態的任何元素。這項功能適用於含有挑選器的 <details>、<dialog>、<input> 元素，以及在下拉式選單開啟時的 <select> 元素。

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 也支援 Intl.DurationFormat。這樣一來，您就能考量語言代碼來設定時間長度格式。這項功能已加入 Baseline，如要瞭解詳情，請參閱「Intl.DurationFormat 現已加入 Baseline」一文。

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

contenteditable 屬性的 plaintext-only 值

另一項成為 Firefox 基準功能的新功能是 contenteditable 全域屬性的 plaintext-only 值。如要瞭解這個值，請參閱「contenteditable 的「plaintext-only」屬性值組合現已成為新基準功能」。

Browser Support

  • Chrome: 51.
  • Edge: 12.
  • Firefox: 136.
  • Safari: ≤13.1.

CSS 的橫向書寫模式

Safari 18.4 支援 writing-mode: sideways-rl 和 writing-mode: sideways-lr。如要基於呈現方式顯示文字，請使用這些值。這些項目現在應該會成為新基準可用項目。

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

CSS shape() 函式

Safari 18.4 也提供 CSS shape() 函式，可在裁剪路徑中使用回應式自由形狀圖形。

Browser Support

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

Source

ClipboardItem.supports()

Safari 18.4 會為 ClipboardItem() 實作 supports() 方法。這可讓您瞭解剪貼簿作業支援哪些格式，且現在已成為基準新功能。

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

關閉「<dialog>」的燈

Popover API 的其中一個優點，就是輕鬆關閉的行為。這項行為現在是 <dialog> 的一部分，已在 Chrome 134 中實作，並使用新的 closedby 屬性控制這項行為。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

共用儲存空間現已支援 Web Locks API

Chrome 134 將 Web Locks API 整合至 Shared Storage。這可避免出現以下情況：由於 get() 和 set() 邏輯中可能存在競爭狀態，導致跨網站觸及評估產生重複報表。

Beta 版瀏覽器

瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前，您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 137 和 Chrome 135。這些版本為平台帶來許多優異功能。請參閱版本資訊，瞭解所有詳細資訊。以下列舉幾個重點。

Firefox 137 包含 Math.sumPrecise 靜態方法，可傳回可枚舉項目 (例如陣列) 的總和。這個版本也包含 Atomics.pause()。這個方法會向 CPU 提供提示，指出目前執行緒在等待共用資源存取權時處於等待鎖定狀態。

Chrome 135 包含多項與建立輪轉介面相關的 CSS 功能。也包含可自訂的 <select> 元素，以及 command 和 commandfor 屬性。