探索 2024 年 4 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器
Firefox 125 和 Chrome 124 已在 2024 年 4 月推出穩定版。這篇文章介紹了網路平台新增的功能。
Baseline 推出四項新功能
Firefox 125 在 Baseline 新推出的功能中增加了四項新功能。Popover API、Intl.Segmenter、align-content 用於區塊版面配置，以及 transform-box 的 content-box 和 stroke-box 值。
Popover API
Popover API 可讓您建立多種非強制性的彈出式視窗。包括工具提示、選單、自訂浮動式訊息彈出式視窗等。 彈出式視窗包含許多您先前為了編寫 JavaScript 而需使用的內建功能。詳情請參閱 Popover API 導入基準版本。
Intl.Segmenter
Intl.Segmenter 會啟用本機機密文字區隔。舉例來說，您可以利用這種語言分隔字詞，而且語言不會以空格分隔字詞。如要瞭解運作方式，請參閱 Intl.Segmenter 物件現已納入基準。
align-content 適用於區塊版面配置
所有主要引擎現在都支援 align-content 屬性的區塊版面配置。這表示您無需在父項同時建立彈性或格線版面配置，即可封鎖方向對齊。請參閱區塊版面配置的 align-content 屬性 中的範例，此屬性現已納入基準版本。
瀏覽器支援
- 123
- 123
- 125
- 17.4
CSS transform-box
最後，Firefox 125 中 transform-box 屬性的值為 content-box 和 stroke-box。content-box 值會使用內容方塊和 stroke-box，也就是包含 SVG 形狀的筆劃定界框。
瀏覽器支援
- 118
- 118
- 125
- 13.1
WebSocketStream API
WebSocketStream API 可將 WHATWG 串流與 WebSocket API 整合，並適用於 Chrome 124。 詳情請參閱 WebSocketStream：將串流與 WebSocket API 整合。
瀏覽器支援
- 124
- 124
- x
- x
setHTMLUnsafe和parseHTMLUnsafe
Chrome 124 版也包含 setHTMLUnsafe 和 parseHTMLUnsafe 方法，可讓您使用 JavaScript 的宣告式陰影 DOM。相較於 innerHTML 或 DOMParser，這些方法也能夠以更輕鬆的方式，以命令方式將 HTML 剖析為 DOM。
瀏覽器支援
- 124
- 124
- 123
- 17.4
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽下一個穩定版的功能。趁這個機會在全球推出前，測試或移除可能影響網站的新功能。新的 Beta 版為 Firefox 126、Safari 17.5 和 Chrome 125。這些版本為 YouTube 平台帶來許多絕佳功能。完整資訊請參閱版本資訊。以下僅列出幾項重點功能。
Safari 17.5 包含 light-dark() 顏色函式，在 17.5 版穩定後，就會成為「基準新增」功能。
「基準新推出」也提供 CSS 階梯值函式。
Chrome 125 包含 round()、mod() 和 rem()。
Chrome 125 也提供 Compute Pressure API 和 CSS 錨定標記。
Firefox 126 包含 Screen Wake Lock API，這是另一項基準新功能推出。