網路平台 10 月新知

探索 2023 年 10 月,我們在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。

穩定版瀏覽器版本

2023 年 10 月,Firefox 119Safari 17.1Chrome 118Chrome 119 已進入穩定版。這篇文章說明瞭網路平台的意義。

Firefox 119 中的 JavaScript 功能

在 Firefox 119 中,使用 Object.groupByMap.groupBy 靜態方法的 JavaScript 陣列分組。

瀏覽器支援

  • 117
  • 117
  • 119
  • 17.4 分

來源

Firefox 119 也是 StringisWellFormed()toWellFormed() 方法。這些物件可用於檢查字串是否包含格式正確的 Unicode,並將字串掃毒,使 Unicode 格式正確。這些方法現在可在三種主要引擎之間互通

瀏覽器支援

  • 111
  • 111
  • 119
  • 16.4

來源

HTML <search> 元素現在可互通

Chrome 118 包含 <search> 元素,新的 HTML 元素代表用於搜尋或篩選的文件或應用程式部分。這項功能現在可在三種主要引擎之間互通。

瀏覽器支援

  • 118
  • 118
  • 118
  • 17

來源

選取元素中的水平規則

我們在 10 月推出了兩種 Chrome 版本,在 Chrome 119 中,除了 HTML <select> 元素之外,您現在可以在選項之間加入水平規則,並在項目之間顯示為分隔線。如要進一步瞭解,請參閱「選取元素:現在使用水平規則」。

CSS 範圍設定

Chrome 118 包含使用 @scope 規則的限定範圍 CSS。這項規則可讓您在 DOM 子樹狀結構內選取元素。詳情請參閱使用 CSS @scopeat-rule 來限制選取器觸及率

瀏覽器支援

  • 118
  • 118
  • x
  • 17.4 分

來源

CSS 偏好降低透明度

Chrome 118 包含 prefers-reduced-transparency 媒體功能。這是其中一項功能,可讓您查看使用者在裝置上設定的偏好設定,並在程式碼中根據他們的需求做出回應。進一步瞭解 CSS 偏好減少透明度中的功能。

瀏覽器支援

  • 118
  • 118
  • x

來源

CSS 相對顏色語法

Chrome 119 是 CSS 顏色 5 的一項強大新功能:相對色彩語法。這可讓您使用任何您所需的色域或語法,衍生其他顏色的顏色。

WebAssembly 垃圾收集 (WasmGC)

Chrome 119 包含 WasmGC,可在 WebAssembly 中加快使用垃圾收集語言 (例如 Kotlin、PHP 或 Java) 的速度。詳情請參閱 Chrome 現在預設啟用的 WebAssembly Garbage Collection (WasmGC)

Beta 版瀏覽器版本

Beta 版瀏覽器可讓您預覽下一個穩定版瀏覽器的功能。因此,現在當公開發布之前,建議您多多測試新功能或移除網站,以免影響您的網站。新的 Beta 版為 Firefox 120Safari 17.2。這些版本為平台帶來許多實用功能。如需所有詳細資料,請參閱版本資訊。以下列舉幾個重點。

Safari 17.2 提供許多新功能。CSS 支援 CSS Custom Highlight API、mask-border 屬性、counter-set 屬性和許多其他功能。此外,還修正了許多現有功能,以提高互通性。

在 HTML 中,Safari 17.2 支援 <details> 元素的 name 屬性。而在 Web API 中,<link rel=preload> 現支援擷取優先順序和回應式圖片陣列。

Firefox 120 開始支援 CSS rhrlh 單位、text-wrap: balancelight-dark() 函式。

網路系列新作精選內容