網路平台 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 Color 函式。也就是說，您不必使用 prefers-color-scheme 媒體功能，就可以針對淺色和深色配置設定顏色。

瀏覽器支援

  • 123
  • x
  • 120
  • x

資料來源

lh 和 rlh 單位

Firefox 支援 CSS 單位 lh 和 rlh。這類單位可讓您設定相對於元素的行高值。如要將背景圖片與文字對齊，這項功能就相當實用。 此版本讓上述 3 種主要引擎可互通。

瀏覽器支援

  • 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。這些版本為 YouTube 平台帶來許多絕佳功能。完整資訊請參閱版本資訊。以下僅列出幾項重點功能。

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() 在所有主要引擎中都能互通。

網路新手系列叢書部分