7 月初次使用網路平台

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

Rachel Andrew

發布日期：2025 年 7 月 31 日

穩定版瀏覽器

Firefox 141 是本月唯一的新穩定版瀏覽器，因此這篇文章將特別介紹 Firefox。

WebGPU API

Firefox 141 在 Windows 上實作 WebGPU，支援服務工作站以外的所有環境。

詳情請參閱 MDN 說明文件和 WebGPU 總覽。

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox Technology Preview: supported.
  • Safari Technology Preview: supported.

Source

<dialog> 元素的 closedby 屬性

Firefox 也會在 <dialog> 元素上實作 closedby 屬性，以及 HTMLDialogElement 介面的對應 closedBy 屬性。

Browser Support

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

scrollMargin 屬性

Firefox 現在支援 IntersectionObserver 介面的 scrollMargin 屬性。這會在觀察工具的根元素內，為所有巢狀捲動容器新增邊界，讓系統在目標捲動到檢視區塊之前 (或之後)，就能觀察這些元素內的目標，而不只是在目標首次顯示時才觀察。

Browser Support

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

CSS font-variant-emoji

font-variant-emoji CSS 屬性會指定顯示表情符號的預設呈現樣式。這個屬性會採用下列其中一個值：

  • normal：讓瀏覽器選擇如何顯示表情符號。這通常會遵循作業系統設定。
  • text：轉譯表情符號，就像使用 Unicode 文字變體選取器 (U+FE0E) 一樣。
  • emoji：以使用 Unicode 表情符號變體選取器 (U+FE0F) 的方式算繪表情符號。
  • unicode：根據表情符號呈現屬性算繪表情符號。如果存在 U+FE0E 或 U+FE0F 變體選取器，則會覆寫這項設定。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: behind a flag.
  • Safari: behind a flag.

Source

Beta 版瀏覽器

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

Firefox 142 會在 Selection 上實作 getComposedRanges() 方法。這個方法會傳回代表目前選取範圍的 StaticRange 物件陣列，並可傳回可能跨越陰影界線的範圍。此外，還包括優先工作排程 API，提供標準化機制，可為應用程式指派及管理工作優先順序。