探索 2023 年 11 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器
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
媒體功能,就可以針對淺色和深色配置設定顏色。
lh
和 rlh
單位
Firefox 支援 CSS 單位 lh
和 rlh
。這類單位可讓您設定相對於元素的行高值。如要將背景圖片與文字對齊,這項功能就相當實用。
此版本讓上述 3 種主要引擎可互通。
瀏覽器支援
- 109
- 109
- 120
- 16.4
HTTP 103 早期提示
Firefox 現在支援 103 Early Hints HTTP 資訊回應狀態碼。
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()
在所有主要引擎中都能互通。
網路新手系列叢書部分