探索 2023 年 9 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器
2023 年 9 月，Firefox 118、Safari 17 和 Chrome 117 已穩定。本文將介紹對網路平台的影響。
Chrome 第 117 版包含 grid-template-columns 和 grid-template-rows 的 subgrid 值，因此該值過長，可互通。如要進一步瞭解子網格，請參閱 CSS 子網格一文。
Chrome 還包含三項新的 CSS 功能，可讓您輕鬆新增進入和結束動畫，並透過頂端可關閉的可關閉元素 (例如對話方塊和彈出式視窗) 流暢地相互播放動畫。如要瞭解 transition-behavior 屬性、@starting-style 規則和 overlay 屬性，請參閱「開始使用及離開動畫的四種全新 CSS 功能」一文。
此外，在 Chrome 117 版中，還有 Object.groupBy 和 Map.groupBy 靜態方法的 JavaScript 陣列分組。
Safari 17 包含 popover 屬性，以新增對 Popover API 的支援。
Safari 17 和 Firefox 118 包含 HTML <search> 元素。這個元素代表網頁或應用程式所含部分，包含搜尋或篩選內容的趣味性。
Safari 17 中有許多新的 CSS 功能，包括 @counter-style。這項規則可讓您定義不在預先定義樣式清單內的計數器樣式。這項功能目前適用於所有三個引擎。
Firefox 118 還提供以下其他 CSS 數學函式：abs()、sign()、round()、mod()、rem()、pow()、sqrt()、hypot()、log() 和 exp()。
Safari 17 也支援 HEIC/HEIF 圖片和 JPEG XL。
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽下一個穩定版的功能。趁這個機會在全球推出前，測試或移除可能影響網站的新功能。新的 Beta 版包括 Firefox 119、Safari 17.1 和 Chrome 118。這些版本為平台帶來許多絕佳功能。請參考版本資訊來瞭解詳情 以下只是其中幾項重點
Chrome 第 118 版包含 <search> 元素，Firefox 和 Safari 出貨功能已納入 Chrome 118 中，因此這項功能可以快速地支援這三種引擎。
Object.groupBy 和 Map.groupBy 靜態方法屬於 Firefox 119 的一部分。
Chrome 118 透過 @scope 規則提供 CSS 範圍樣式，並使用 prefers-reduced-transparency 和 scripting 新增的媒體功能。
Safari 17.1 目前版本可以修正平台中的各種問題。
網路新手系列叢書部分