9 月初次使用網路平台

瞭解 2025 年 9 月在穩定版和 Beta 版網頁瀏覽器中推出的有趣功能。

Rachel Andrew

發布日期：2025 年 10 月 1 日

穩定版瀏覽器

Chrome 140、Chrome 141、Safari 26 和 Firefox 143 在 9 月期間發布穩定版，這篇文章將回顧網頁平台在 9 月的重大進展。

Safari 26 的全新 CSS 功能

最新版 Safari 推出許多新功能，如需完整說明，請參閱「Safari 26.0 中的 WebKit 功能」。以下列舉 CSS 的幾項重點功能。

錨定位置

在 Interop 2025 計畫中，Safari 已支援 CSS 錨點定位。這項功能可讓您將元素繫結至錨點，搭配使用彈出式視窗時特別實用。

Browser Support

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

Source

text-wrap: pretty

text-wrap 的 pretty 值會要求瀏覽器改善排版，例如減少參差不齊的邊緣和排版河道造成的影響，並避免最後一行過短。

Browser Support

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

Source

捲動驅動動畫

Safari 也支援捲動驅動的動畫，可將動畫與使用者捲動的距離連結。

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

新值和函式

Safari 是第一個支援 contrast-color() 函式的瀏覽器，可讓您要求瀏覽器選取與另一種顏色對比度最高的顏色。

Browser Support

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

Source

progress() 數學函式會傳回一個數字，表示兩個其他值之間的進度。

Browser Support

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

現在支援絕對定位的 align-self 和 justify-self 屬性。

Browser Support

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

系統支援 overflow-block 和 overflow-inline 邏輯屬性，可用來取代 overflow-x 和 overflow-y。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

Safari 現在也支援 margin-trim。

Browser Support

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

Source

::details-content 虛擬元素

Firefox 143 新增了 ::details-content 的支援，可讓您設定 <details> 元素的內容樣式。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

支援使用生成的內容建立樣式標記

Firefox 143 也新增了對 ::before::marker 和 ::after::marker 選擇器的支援。 這些屬性可讓您使用 ::before 或 ::after 虛擬元素建立 ::marker 的樣式。

Browser Support

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

Digital Credentials API

Safari 26 和 Chrome 141 支援 Digital Credentials API。網站可透過數位憑證 (例如數位錢包中儲存的駕照或國民身分證)，選擇性要求取得使用者的可驗證資訊。

Browser Support

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

網址模式 API 成為 Baseline Newly available

網址模式 API 可讓您使用網址模式標準，透過規則運算式比對網址。這項功能已在 Safari 26 中發布，現在已成為 Baseline Newly available。

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

Uint8Array 與 base64 和十六進位之間的轉換現在是 Baseline 新增功能

Base64 是以 ASCII 形式表示任意二進位資料的常見方式。JavaScript 具有二進位資料的 Uint8Arrays。不過，這個函式庫缺少內建機制，無法將資料編碼為 Base64，也無法接收 Base64 資料並產生對應的 Uint8Array。這項功能新增了在十六進位字串和 Uint8Arrays 之間轉換的功能和方法。Chrome 140 推出後，這項功能會成為 Baseline Newly available。

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

caret-animation 屬性

Chrome 140 推出了 CSS caret-animation 屬性，這個屬性有兩個可能的值：auto 和 manual。auto 代表瀏覽器預設值 (閃爍)，manual 則代表開發人員控制插入號動畫。此外，如果使用者對閃爍或閃動的視覺效果感到不適或有不良反應，可以透過使用者樣式表停用閃爍效果。

Browser Support

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

Source

ARIA Notify API

從 Chrome 141 開始，ariaNotify 提供 JavaScript API，讓內容作者告訴螢幕閱讀器要朗讀的內容。 與 ARIA 即時區域相比，這項功能可提升可靠性並加強開發人員控管，讓您發布與 DOM 更新無關的變更。

getAll() 和 getAllKeys() 的 IndexedDB getAllRecords() 和 direction 選項

Chrome 141 的這項功能會將 getAllRecords() 方法新增至 IndexedDB IDBObjectStore 和 IDBIndex。此外，還會在 getAll() 和 getAllKeys() 中新增方向參數。與現有的游標疊代替代方案相比，這項功能可大幅加快特定讀取模式的速度。

Beta 版瀏覽器

測試版瀏覽器可讓您搶先體驗下一個穩定版瀏覽器即將推出的功能。在正式發布前，您可以測試可能影響網站的新功能或移除項目。本月的新 Beta 版是 Firefox 144 和 Safari 26.1。

Safari 26.1 主要是修正錯誤，包括修正錨點位置等變更。 Firefox 144 將推出單頁應用程式 (SPA) 的檢視畫面轉場效果。 這是 Interop 2025 的重點領域之一，表示這項功能將成為 Baseline Newly available。

Firefox 144 也包含 Element、DocumentFragment 和 Document 介面上的 moveBefore() 方法。這可讓您將物件的直接子項元素移至另一個子項元素之前。