網路平台 3 月新知

瞭解 2026 年 3 月穩定版和 Beta 版網路瀏覽器推出的有趣功能。

Rachel Andrew

發布日期：2026 年 3 月 31 日

穩定版瀏覽器

Chrome 146、Firefox 149 和 Safari 26.4 已於 3 月發布穩定版。這篇文章將介紹本月在平台上推出的新功能。

選用容器查詢條件

Firefox 149 和 Safari 26.4 都支援不含條件的僅限名稱 @container 查詢。這項功能可讓您僅根據容器名稱比對容器，因此根據容器環境設定元素樣式時，不必指定大小或樣式限制，更加簡單明瞭。

捲動觸發的動畫

Chrome 146 新增了根據捲動位置控制動畫的功能。這項功能可讓您使用 CSS 宣告式地建立互動，將工作卸載至工作執行緒，並提升效能。此外，也包含網頁動畫的 JavaScript 介面。詳情請參閱「CSS 捲動觸發動畫即將推出」。

Browser Support

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

trigger-scope 屬性

除了捲動觸發的動畫，Chrome 146 也推出 trigger-scope 屬性。這項功能可限制動畫觸發名稱的顯示範圍，有助於隔離動畫與觸發互動，並避免全域名稱衝突。

Browser Support

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

彈出式視窗 hint 值

Firefox 149 現在支援 popover 全域屬性的 hint 值。如果彈出式視窗含有 hint 值，顯示時不會關閉 auto 彈出式視窗，但會關閉其他 hint 彈出式視窗，讓您更精細地控管彈出式視窗行為。

Browser Support

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

格線道

Safari 16.4 支援 display: grid-lanes，這是 display 的值，可開啟磚塊式版面配置。

Browser Support

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

sizes 屬性中的數學函式

Safari 26.4 新增支援功能，可在 <img> 元素的 sizes 屬性中使用 min()、max() 和 clamp() 數學函式。這項屬性可讓回應式圖片載入作業更具彈性。

JavaScript 迭代器排序

Chrome 146 和 Safari 26.4 現在都支援疊代器排序，並導入 Iterator.concat(...items)，可透過排序現有疊代器來建立疊代器。 這項功能現已推出。

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

CloseWatcher 介面

Firefox 149 新增了對 CloseWatcher 介面的支援。這項功能可讓開發人員實作可透過裝置原生機制關閉的元件，例如 Windows 上的 Esc 鍵或 Android 上的返回鍵，方式與內建對話方塊和彈出式視窗相同。

Browser Support

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

Source

Beta 版瀏覽器

測試版瀏覽器可讓您提前試用下一個穩定版瀏覽器即將推出的功能。您可以在穩定版發布前，測試可能影響網站的新功能或移除項目。本月推出的 Beta 版包括 Firefox 150 和 Chrome 147。

Chrome 147 Beta 版

Chrome 147 Beta 版包含 contrast-color()，這項 CSS 函式會根據與引數顏色對比度最高的顏色，傳回黑色或白色。此外，還包括 border-shape 和元素範圍的檢視區塊轉換。

Firefox 150 Beta 版新增 CSS revert-rule 關鍵字，適用於元素和 DocumentOrShadowRoot，以及適用於圖片的 light-dark()。customeElementRegistry