網路平台 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: ≤79.
  • 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: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 為 ClipboardItem() 實作 support() 方法。這項功能可讓您查看剪貼簿作業期間支援哪些格式，現在已成為基準新功能。

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: not 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 屬性。