6 月初次使用網路平台

探索 2025 年 6 月推出的穩定版和 Beta 版網頁瀏覽器中，有哪些有趣的功能。

Rachel Andrew

發布日期：2025 年 6 月 30 日

穩定版瀏覽器

2025 年 6 月，Firefox 140 和 Chrome 138 穩定版推出。本文將探討這些版本新增至網頁平台的新功能。

序列化 HTML 時，在屬性中轉義 < 和 >

Chrome 138 和 Firefox 140 都包含這項變更，可防止 HTML 序列化後再注入 DOM 的漏洞攻擊。這項變更也適用於 Safari 26 的 Beta 版。進一步瞭解這項異動的原因。

CSS Custom Highlight API

Firefox 140 實作 CSS 自訂醒目顯示 API。這可讓您在文件中定義及設定任意文字範圍的樣式，類似其他 CSS 醒目顯示虛擬元素，例如 ::grammar-error。

Browser Support

  • Chrome: 105.
  • Edge: 105.
  • Firefox: 140.
  • Safari: 17.2.

Source

除了 JavaScript API 之外，這項工作還包括 CSS ::highlight 擬似元素，用於將樣式套用至已註冊的醒目顯示。雖然這項功能現在已廣泛支援互通性，但 ::highlight 擬物元素的某些問題，使得這項功能尚未達到基準。

Cookie 儲存空間 API 是用於管理 Cookie 的非同步 API，自 Firefox 140 起就受到支援。目前所有瀏覽器都提供此 API 的基本支援功能，不過請查看 MDN 上的相容性圖表，瞭解尚未能互通的部分。

Browser Support

  • Chrome: 87.
  • Edge: 87.
  • Firefox: 140.
  • Safari: 18.4.

Source

移除變異事件

Interop 2025 包含今年的移除項目。DOMSubtreeModified、DOMNodeInserted 和 DOMNodeRemoved 等舊版變異事件會監控 DOM 的變更，並在 DOM 發生變更時執行事件監聽器回呼。這些變異事件已淘汰，改用效能更高且出錯機率更低的 MutationObserver API。

Firefox 140 已移除這些事件，Chrome 也已移除這些事件。

Browser Support

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

Source

Chrome 138 中的 CSS 函式

Chrome 138 包含一整套 CSS 函式，其中有些是平台的新功能，其他則是加入 Chrome 後成為基準。

符號相關函式 abs() 和 sign() 在 Chrome 138 版中成為 Baseline 新功能。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 118.
  • Safari: 15.4.

Source

平台新增了插補函式 progress()。

Chrome 138 也包含 sibling-index() 和 sibling-count()。這些值可用於 CSS 屬性值中，做為整數，根據元素在同層元素中的順序或總數，分別為元素套用樣式。

內建 AI API，可用於翻譯、語言偵測和摘要

Chrome 138 包含三個內建的 JavaScript AI API。Translator 和 Language Detector API 可讓您偵測文字的語言，並將文字翻譯成其他語言。這些功能會使用瀏覽器本身的內部 AI 模型，因此會在裝置上執行。

Browser Support

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

Summarizer API 會在裝置上使用瀏覽器的內部 AI 模型來產生文字摘要。

Browser Support

  • Chrome: 138.
  • Edge: behind a flag.
  • Firefox: not supported.
  • Safari: not supported.

支援 WebCodecs 中的影片影格方向

Chrome 138 也將 rotation: int 和 flip: bool 值新增至 WebCodecs 中的各種影片相關介面，方便開發人員使用具有方向的框架來源。

Beta 版瀏覽器

瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前，您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 141、Safari 26 和 Chrome 139。

Safari 26 版本將提供豐富的功能。對於 CSS，這項功能包括支援 overflow-block 和 overflow-inline、捲動驅動動畫、錨點定位、CSS progress() 函式等等。系統也支援 AudioEncoder 和 AudioDecoder API、URLPattern API、數位憑證 API、信任類型和 WebAuthn Signal API。

Chrome 139 包含 CSS 自訂函式、角落形狀和 caret-animation 屬性。也包含裝置端 Web Speech API、網頁應用程式範圍擴充功能，以及 request-close 叫用工具指令。

Firefox 141 為 showPopover() 和 togglePopover() 新增 options.source 引數，以便在彈出式視窗和其叫用者之間建立關係。也支援 CSS font-variant-emoji 屬性。