4 月首次使用網路平台

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

Rachel Andrew

發布日期：2026 年 4 月 24 日

穩定版瀏覽器

Chrome 147 和 Firefox 150 於 4 月發布穩定版。本月沒有 Safari 穩定版。這篇文章將介紹本月推出的多項新功能。

contrast-color() CSS 函式成為基準

Chrome 147 推出 contrast-color() 函式後，這項實用的無障礙功能現在已支援所有主要引擎，成為 Baseline Newly available。

這個函式會採用顏色值，並根據與所提供顏色對比度最高的顏色，傳回黑色或白色。這有助於確保文字符合無障礙對比度規定。

Browser Support

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

Source

捲動式動畫範圍屬性現已成為 Baseline

Firefox 150 支援 animation-range-start 和 animation-range-end 屬性，以及 animation-range 簡寫。這會讓這些屬性成為 Baseline Newly available。

您可以透過這些屬性，控制動畫在捲動驅動動畫時間軸上的開始和結束位置。

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

ariaNotify() 方法

Firefox 150 開始支援 Document 和 Element 的 ariaNotify() 方法。內容作者可透過這個方法，將要由螢幕閱讀器朗讀的字串排入佇列。

相較於 ARIA 即時區域，這項功能更可靠且符合人體工學，特別適合用於與 DOM 更新無關的公告。

Browser Support

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

Source

延遲載入圖片的自動大小

Firefox 150 現在支援 <img> 元素的 sizes 屬性 "auto" 關鍵字。這樣一來，延遲載入的圖片就能使用計算出的圖片版面配置大小，從 srcset 中選取最佳來源，簡化回應式圖片設定。

Browser Support

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

Source

元素範圍檢視畫面轉場效果

Chrome 147 會在任意 HTML 元素上公開 element.startViewTransition()。 這可讓轉場效果的範圍限定在特定元素，也就是說，虛擬元素會受到祖系剪輯片段和轉換的影響，且多個轉場效果可以同時執行。

CSS border-shape 屬性

Chrome 147 推出 border-shape 屬性，可讓您使用多邊形或圓形等形狀建立非矩形邊框。

SVG <textPath> 路徑屬性

Chrome 147 在 SVG <textPath> 元素中新增 path 屬性的支援，讓您內嵌定義文字路徑幾何。

Browser Support

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

支援 JSON 和樣式的 Modulepreload

Chrome 147 新增對 JSON 和樣式模組類型的支援，做為 <link rel="modulepreload"> 目的地。

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 實作了 TC39 的 Math.sumPrecise 提案，可傳回可疊代項目中值的精確總和。這個方法現在是 Baseline Newly available。

Browser Support

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

Source

Beta 版瀏覽器

測試版瀏覽器可讓您搶先體驗下一版瀏覽器穩定版的功能。您可以在全球發布前，測試可能影響網站的新功能或移除項目。本月的新 Beta 版包括 Chrome 148、Firefox 151 和 Safari 26.5。

Chrome 148 Beta 版包含 CSS 中僅限名稱的容器查詢、影片和音訊元素的延遲載入，以及 @supports 中用於功能偵測的 at-rule() 函式。

Firefox 151 Beta 版包含 CSS 容器樣式查詢。

Safari 26.5 Beta 版支援 :open 虛擬類別，適用於 <details>、<dialog>、<select> 和 <input> 元素，並修正了大量問題。