網路平台 11 月新上架

探索 2023 年 11 月，我們在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。

Rachel Andrew

穩定版瀏覽器版本

2023 年 11 月，我們只有一個穩定版瀏覽器和 Firefox 120。這篇文章說明瞭網路平台的意義。

支援 <source> 元素中的 media 屬性

Firefox 重新支援在 <source> 元素中對 media 屬性的支援。支援擴大納入 <audio> 和 <video> 元素。這個版本推出後，<audio>、<video> 和 <picture> 內的 <source> 元素將提供媒體屬性。

Chrome 即將支援 media 屬性， Safari 也已內建相同功能，因此你很快就能在所有引擎中支援回應式 HTML 影片和音訊。

CSS 顏色 light-dark() 函式

Firefox 現在支援 light-dark() CSS 顏色函式。也就是說，您不必使用 prefers-color-scheme 媒體功能，就能為淺色和深色配置設定顏色。

瀏覽器支援

  • 123
  • 123
  • 120
  • 17.5 分

來源

lh 和 rlh 單位

Firefox 支援 CSS 單位 lh 和 rlh。這些單位可讓您設定相對於元素的行高值。需要將背景圖片與文字對齊時，這個單位就能派上用場。此版本在全部三種主要引擎之間互通操作。

瀏覽器支援

  • 109
  • 109
  • 120
  • 16.4

HTTP 103 早期提示

Firefox 現在支援 103 Early Hints HTTP 資訊回應狀態碼。

瀏覽器支援

  • 103
  • 103
  • 120
  • 17

來源

Beta 版瀏覽器版本

Beta 版瀏覽器可讓您預覽下一個穩定版瀏覽器的功能。因此，現在當公開發布之前，建議您多多測試新功能或移除網站，以免影響您的網站。新的 Beta 版為 Firefox 121、Chrome 120 和 Safari 17.2。這些版本為平台帶來許多實用功能。如需所有詳細資料，請參閱版本資訊。以下列舉幾個重點。

Chrome 120 和 Safari 17.2 加入針對 CSS 巢狀結構進行寬鬆剖析的功能。

Chrome 120 版會移除 -webkit-mask* 屬性的前置字串，並使其符合目前規格。包括 mask-image、mask-mode、mask-repeat、mask-position、mask-clip、mask-origin、mask-size 和 mask-composite，以及 mask 簡寫。系統支援本地 mask-image 參照，序列化現在與規格相符，而系統接受的值現在符合規格。

Chrome 120 和 Safari 17.2 支援 <details> 元素的 name 屬性。

Firefox 121 包含 CSS :has() 選取器。這個版本能讓 :has() 在所有主要引擎中互通。

網路系列新作精選內容