探索 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,這是另一項基準新功能推出。