网站平台于 1 月推出

了解我们在 2023 年 1 月在稳定版和 Beta 版网络浏览器中登陆的一些有趣功能。

2023 年 1 月,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 Surface,但不包括 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 包含容器查询大小,有了此大小,我们就可以在三大主要浏览器引擎之间实现这一期待已久的功能。

“网络新体验”系列视频的一部分