探索 2023 年 1 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。
穩定版瀏覽器
Firefox 109、Chrome 109 和 Safari 16.3 已成為穩定版。一起來看看這對網路平台的影響。
MathML
Chrome 109 支援 MathML Core,這是用於描述可嵌入 HTML 和 SVG 中數學標記法的語言。這個版本意味著 MathML 現已在所有主要引擎中互通。
scrollend
事件
Firefox 109 會實作 scrollend
。這個事件提供可靠的方式可偵測捲動完成。如要進一步瞭解這個事件也會在 Chrome 中導入,請參閱「Scrollend (新的 JavaScript 事件)」一文。
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
指令,
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 110 和 Chrome 110。
Chrome 110 包含 CSS initial-letter
屬性。這個屬性可讓您設定初始字母應在文字中插入的行數。詳情請參閱「使用 CSS 初始字母控制放置上限」一文。
此外,在 Chrome 110 中,CSS 是 :picture-in-picture
虛擬類別。這樣就能在影片進入及退出子母畫面模式時,指定及自訂媒體播放器。
Chrome 包含 AudioContext
API 的 setSinkID()
方法。這個方法可讓您在使用網路音訊時變更目標音訊裝置。
Firefox 110 內含容器查詢的大小,因此能在三種主要瀏覽器引擎中使用這項長期等待的功能。
網路新手系列叢書部分