了解我们在 2023 年 1 月在稳定版和 Beta 版网络浏览器中登陆的一些有趣功能。
浏览器稳定版
2023 年 1 月,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 Surface,但不包括 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 包含容器查询大小,有了此大小,我们就可以在三大主要浏览器引擎之间实现这一期待已久的功能。
“网络新体验”系列视频的一部分