探索 2023 年 10 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器
Firefox 119、Safari 17.1、Chrome 118 和 Chrome 119 已穩定運作。這篇文章將探討對網路平台的影響。
Firefox 119 中的 JavaScript 功能
在 Firefox 119 中，則會有 Object.groupBy 和 Map.groupBy 靜態方法的 JavaScript 陣列分組。
Firefox 119 中也有 String 的 isWellFormed() 和 toWellFormed() 方法。這些可用於檢查字串是否包含格式正確的 Unicode，並將字串清理為格式正確的 Unicode。這些方法現在可在 3 大引擎中互通。
HTML <search> 元素現在可以互通
Chrome 118 版包含 <search> 元素新 HTML 元素，代表文件或應用程式中用於搜尋或篩選的部分。這項功能現在可在三大引擎中互通。
選取元素中的水平規則
兩個版本在 10 月推出。在 Chrome 119 版中，是加入 HTML <select> 元素的一小段程式碼。您現在可以在選項之間加入水平規則，顯示為各個項目之間的分隔線。詳情請參閱「選取元素：現在使用水平規則」。
CSS 範圍
Chrome 118 使用 @scope 規則納入限定範圍的 CSS。這項規則可讓您在 DOM 的子樹狀結構中選取元素。詳情請參閱使用 CSS @scopeat-rule 限制選取器的觸及率。
瀏覽器支援
- 118
- 118
- x
- 17.4
CSSpreferreds-reduced-transparency
Chrome 118 提供 prefers-reduced-transparency 媒體功能。這是其中一項功能，可讓您檢查使用者在裝置上設定的偏好設定，並在程式碼中回應，滿足他們的需求。進一步瞭解 CSS 建議使用較低的透明度功能。
CSS 相對顏色語法
在 Chrome 119 中，是 CSS 顏色 5 的相對色彩語法這項強大新功能。如此一來，您就可以使用您需要的任何色彩空間或語法，從其他顏色中衍生出顏色。
WebAssembly 垃圾收集 (WasmGC)
Chrome 119 內含 WasmGC，可讓您在 WebAssembly 中更快速地使用 Kotlin、PHP 或 Java 等垃圾收集語言。如要查看所有詳細資料，請參閱目前 Chrome 預設啟用的 WebAssembly Garbage Collection (WasmGC)。
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽下一個穩定版的功能。趁這個機會在全球推出前，測試或移除可能影響網站的新功能。新的 Beta 版為 Firefox 120 和 Safari 17.2。這些版本為 YouTube 平台帶來許多絕佳功能。完整資訊請參閱版本資訊。以下僅列出幾項重點功能。
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 rh 及 rlh 單位、text-wrap: balance 和 light-dark() 函式。
網路新手系列叢書部分