4 月首次使用網路平台

探索 2024 年 4 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。

穩定版瀏覽器

Firefox 125Chrome 124 已在 2024 年 4 月推出穩定版。這篇文章介紹了網路平台新增的功能。

Baseline 推出四項新功能

Firefox 125 在 Baseline 新推出的功能中增加了四項新功能。Popover API、Intl.Segmenteralign-content 用於區塊版面配置,以及 transform-boxcontent-boxstroke-box 值。

Popover API

Popover API 可讓您建立多種非強制性的彈出式視窗。包括工具提示、選單、自訂浮動式訊息彈出式視窗等。 彈出式視窗包含許多您先前為了編寫 JavaScript 而需使用的內建功能。詳情請參閱 Popover API 導入基準版本

瀏覽器支援

  • 114
  • 114
  • 125
  • 17

來源

Intl.Segmenter

Intl.Segmenter 會啟用本機機密文字區隔。舉例來說,您可以利用這種語言分隔字詞,而且語言不會以空格分隔字詞。如要瞭解運作方式,請參閱 Intl.Segmenter 物件現已納入基準

瀏覽器支援

  • 87
  • 87
  • 125
  • 14.1

來源

align-content 適用於區塊版面配置

所有主要引擎現在都支援 align-content 屬性的區塊版面配置。這表示您無需在父項同時建立彈性或格線版面配置,即可封鎖方向對齊。請參閱區塊版面配置的 align-content 屬性 中的範例,此屬性現已納入基準版本。

瀏覽器支援

  • 123
  • 123
  • 125
  • 17.4

CSS transform-box

最後,Firefox 125 中 transform-box 屬性的值為 content-boxstroke-boxcontent-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

setHTMLUnsafeparseHTMLUnsafe

Chrome 124 版也包含 setHTMLUnsafeparseHTMLUnsafe 方法,可讓您使用 JavaScript 的宣告式陰影 DOM。相較於 innerHTMLDOMParser,這些方法也能夠以更輕鬆的方式,以命令方式將 HTML 剖析為 DOM。

瀏覽器支援

  • 124
  • 124
  • 123
  • 17.4

Beta 版瀏覽器版本

Beta 版瀏覽器可讓您預覽下一個穩定版的功能。趁這個機會在全球推出前,測試或移除可能影響網站的新功能。新的 Beta 版為 Firefox 126Safari 17.5Chrome 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,這是另一項基準新功能推出。