了解我们在 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 包含容器查询大小，有了此大小，我们就可以在三大主要浏览器引擎之间实现这一期待已久的功能。
“网络新体验”系列视频的一部分