1 月時網路平台新手

探索 2023 年 1 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。

Firefox 109Chrome 109Safari 16.3 已成為穩定版。一起來看看這對網路平台的影響。

Chrome 109 支援 MathML Core,這是用於描述可嵌入 HTML 和 SVG 中數學標記法的語言。這個版本意味著 MathML 現已在所有主要引擎中互通。

Firefox 109 會實作 scrollend。這個事件提供可靠的方式可偵測捲動完成。如要進一步瞭解這個事件也會在 Chrome 中導入,請參閱「Scrollend (新的 JavaScript 事件)」一文。

瀏覽器支援

  • 114
  • 114
  • 109
  • x

資料來源

lh CSS 長度單位和 hyphenate-limit-chars

在 Chrome 中的 CSS 中,有 lh 長度單位。單位相當於在使用元素上 line-height 屬性計算的值。

瀏覽器支援

  • 109
  • 109
  • 120
  • 16.4

此外,hyphenate-limit-chars 屬性會指定連字號字詞中的字元數下限。

瀏覽器支援

  • 109
  • 109
  • x
  • x

內容安全政策 (CSP) prefetch-src

Safari 16.3 大多是這個版本的修正程式,並且可以解決許多 CSS 尺寸問題。附註中唯一列出的新功能是新增內容安全政策 (CSP) prefetch-src 指令,

瀏覽器支援

  • x
  • x
  • x
  • 16.3

資料來源

Android 版 Chrome 功能

Android 版 Chrome 的新功能為安全付款確認 (SPC)。這是提議的網路標準,可讓客戶透過平台驗證器,透過信用卡發卡機構、銀行或其他付款服務供應商進行驗證。一般來說,系統會透過裝置的螢幕解鎖功能 (例如指紋感應器) 啟用這項標準。

此外,Android 版 Chrome 的新功能是來源私人檔案系統 (OPFS),這是 Android 上的 File System Access API 的一部分。這包括所有的 File System Access API 介面,減去 show{OpenFile, SaveFile, Directory}Picker() 方法以及 Drag and Drop API 整合。

Beta 版瀏覽器版本

「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會,測試及移除哪些功能,以免影響網站在全球發布前受到影響。全新的 Beta 版功能為 Firefox 110Chrome 110

Chrome 110 包含 CSS initial-letter 屬性。這個屬性可讓您設定初始字母應在文字中插入的行數。詳情請參閱「使用 CSS 初始字母控制放置上限」一文。

此外,在 Chrome 110 中,CSS 是 :picture-in-picture 虛擬類別。這樣就能在影片進入及退出子母畫面模式時,指定及自訂媒體播放器。

Chrome 包含 AudioContext API 的 setSinkID() 方法。這個方法可讓您在使用網路音訊時變更目標音訊裝置

Firefox 110 內含容器查詢的大小,因此能在三種主要瀏覽器引擎中使用這項長期等待的功能。

網路新手系列叢書部分