9 月初次使用網路平台

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

Rachel Andrew

發布日期：2026 年 10 月 2 日

穩定版瀏覽器

這是 Chrome 和 Firefox 每兩週發布一次新版本的首月。也就是說，Chrome 153、Chrome 154、Firefox 155、Firefox 156、Firefox 157 和 Safari 27 將於 2026 年 9 月發布穩定版。這篇文章將介紹各瀏覽器的新功能，包括大量達到 Baseline Newly available 的功能。

progress() CSS 函式會成為基準

Firefox 155 新增對 progress() CSS 數學函式的支援，使其成為 Baseline Newly 可用功能。

progress() 函式會傳回 <number>，代表起始值和結束值之間某項計算的位置。通常結果會限制在 0 和 1 之間，因此很適合根據容器或可視區域尺寸，驅動流暢的尺寸、不透明度或顏色。Firefox 155 和 Safari 27 也新增了 no-clamp 關鍵字選項的支援，可讓傳回的進度值低於 0 或高於 1。

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

相對 Alpha 顏色會隨著 alpha() 成為 Baseline

Firefox 155 和 Safari 27 都新增了對 CSS Color 5 中alpha()相對顏色函式的支援。

alpha() 函式會採用原始顏色，並傳回調整過 Alpha (透明度) 通道的顏色，同時保留色彩通道和色域：

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Chrome 151、Firefox 155 和 Safari 27 都支援 alpha()，因此這項功能現在已成為 Baseline Newly available。

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

revert-rule CSS 關鍵字成為基準

Safari 27 新增對 revert-rule CSS 範圍關鍵字的支援。

revert 會將層疊還原至使用者或使用者代理程式來源，revert-layer 則會還原至先前的層疊層，而 revert-rule 會將屬性的值還原至目前樣式規則不存在時的值。Chrome、Firefox 和 Safari 27 現在都支援 revert-rule， 已成為 Baseline。

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

<image> 中的值會成為light-dark()基準

Safari 27 新增支援在 light-dark() CSS 函式中使用 <image> 值。

light-dark() 先前僅限 <color> 值，現在可根據啟用的淺色或深色 color-scheme，在兩個圖片 (例如 url() 圖片或 CSS 漸層) 之間切換。Chrome、Firefox 和 Safari 27 均支援此功能，light-dark() 中的 <image> 值現在是 Baseline Newly available。

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

使用 overflow-anchor 的捲動錨定成為基準

Safari 27 支援捲動錨定，並新增對 overflow-anchor CSS 屬性的支援。

當可視區域上方的 DOM 發生變化，導致使用者閱讀或與網頁互動時內容跳動，捲動錨點就會自動調整捲動位置。您可以透過 overflow-anchor: none 選擇不將特定元素做為錨點節點。Safari 27 加入 Chrome 和 Firefox 的行列，捲動錨點現在是 Baseline Newly available。

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

font-width 屬性和 @font-face 描述元會成為基準

CSS Fonts 4 將 font-stretch 取代為 font-width，做為選取一般、壓縮或擴展字體的正規名稱，並保留 font-stretch 做為舊版別名。

Firefox 155 新增對 font-width CSS 屬性、font-width @font-face 描述元和 CSSStyleDeclaration.fontWidth 的支援。Chrome 154 也會在 @font-face 規則中新增 font-width 描述元，並在 FontFace 物件中新增 width 屬性。連同 Safari 現有的支援，font-width現在已成為 Baseline Newly available。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

延遲載入圖片的 sizes="auto" 會變成 Baseline

Safari 27 在使用 loading="lazy" 的 <img> 元素上，為 sizes 屬性新增 auto 關鍵字支援。

指定 sizes="auto" (或以 auto 開頭的 sizes 清單) 時，瀏覽器會使用延遲載入圖片的算繪版面配置寬度，從 srcset 中選取最合適的圖片來源。Chrome、Firefox 和 Safari 27 現在都支援 sizes="auto"，因此這項功能已納入 Baseline。

Browser Support

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

Source

非同步疊代和可轉移的 ReadableStream 物件成為基準

Safari 27 包含以下幾項更新： ReadableStream

  • 支援使用 for await...of 迴圈和 ReadableStream.prototype.values()，對 ReadableStream 物件進行非同步疊代。
  • 支援使用 postMessage() 在內容之間轉移 ReadableStream 物件。
  • 支援使用 ReadableStream.from() 靜態方法，從可疊代或非同步可疊代物件建立 ReadableStream (Firefox 也支援)。

Safari 27 現已推出，支援非同步可疊代串流和可轉移的 ReadableStream 物件，達到 Baseline Newly available 狀態。

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation 和 TransitionEvent.animation 成為基準

Safari 27 會將 animation 屬性新增至 AnimationEvent，並將 animation 屬性新增至 TransitionEvent。

這個屬性會傳回與 CSS 動畫或轉場效果事件相關聯的 Animation 物件，方便您直接從事件監聽器檢查或控制動畫。Chrome、Firefox 和 Safari 27 支援這項屬性，因此現在已成為 Baseline Newly available。

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

cookieStore.set() 中的「maxAge」選項會變成「基準」

Safari 27 在使用 cookieStore.set() 設定 Cookie 時，新增了對 maxAge 選項的支援，讓您以秒為單位指定 Cookie 的生命週期，而不必計算絕對 expires 時間戳記。maxAge 選項現已支援 Chrome、Firefox 和 Safari 27，因此成為 Baseline Newly available。

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

Safari 27 中的可自訂 <select>

Safari 27 新增了使用 appearance: base-select 和 <selectedcontent> 元素自訂 <select> 選單的支援，加入 Chrome 的行列。

將 <select> 及其 ::picker(select) 虛擬元素加入 appearance: base-select，即可將控制項切換為可設定樣式的基本外觀，允許 <option> 元素內有豐富的 HTML 內容，並為按鈕和下拉式選取器自訂樣式。

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Chrome 中的宣告式 <camera> 和 <microphone> 元素

Chrome 153 推出 <camera> 和 <microphone> HTML 功能元素。

以 <usermedia> 元素為基礎，<camera> 和 <microphone> 提供專用的使用者啟用宣告式控制項，可要求單一功能的影片或音訊擷取存取權，而不會在網頁載入時觸發指令碼啟動的權限提示。

Browser Support

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

新增 JavaScript Iterator 和 Promise

Chrome 153 新增了 Iterator.prototype.join() 以及使用 Iterator.zip() 和 Iterator.zipKeyed() 的聯合疊代。

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155 實作了 Promise.allKeyed() 和 Promise.allSettledKeyed()，可接受 Promise 的字典物件，並解析為具有相同鍵的物件。

Browser Support

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

Source

Firefox 155 的 WebTransport 更新

Firefox 155 擴大了 WebTransport 實作範圍：

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

Safari 27 中的 Service Worker 靜態轉送 API

Safari 27 透過 InstallEvent.addRoutes() 新增對 Service Worker 靜態轉送 API 的支援。

這項 API 可讓 Service Worker 在安裝時登錄宣告式路由規則，因此相符的要求可以略過 Service Worker 啟動程序，直接從網路或快取擷取資料，進而提升導覽效能。

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

Beta 版瀏覽器

測試版瀏覽器可讓您搶先體驗下一個穩定版瀏覽器即將推出的功能。在該版本向全球發布前，您可以測試可能影響網站的新功能或移除項目。本月推出的新版 Beta 版包括 Chrome 155、Chrome 156、Firefox 158 和 Safari 27.2。

Chrome 155 Beta 版包含 CSS margin-trim、symbols() 和 text-decoration-skip-spaces，以及 JPEG XL (image/jxl) 解碼支援、文字模組匯入 (import ... with { type: "text" }) 和 Digital Credentials API 發行支援。

Chrome 156 Beta 版包含 CSS random() 函式、CSS corner 簡寫屬性、單軸捲動容器、scroll-snap-type: pair、image-animation 屬性和 :animated-image 虛擬類別、媒體元素狀態虛擬類別 (:playing、:paused、:seeking、:buffering、:stalled、:muted、:volume-locked)、延遲模組評估 (import defer)，以及 HTML <install> 元素和 Web Install API。

Safari 27.2 Beta 版新增了對 safe 和 unsafe 溢位對齊的支援，可與 normal 配對使用，並啟用固定位置方塊和 ::picker(select) 元素上的 safe 對齊，以及將 flow-tolerance 重新命名為 fit-tolerance (適用於 display: grid-lanes)。