Firefox 121 版本已于2023年12月19日正式发布，这款受欢迎的网页浏览器带来了众多新功能和修复。

Firefox 的安卓版本现在支持 450 多个扩展，并提示 Windows 用户安装 Microsoft AV1 视频扩展，该扩展可以实现对 AV1 视频编解码器的硬件解码，大大提升了视频播放性能。Firefox 还支持 macOS 语音控制命令，使用户能够通过语音控制浏览器。

Firefox 的 Linux 版本现在默认使用 Wayland 合成器（compositor），这为触摸板和触摸屏手势、滑动导航功能、逐像素(DPI)设置和图形性能改进提供了更好的支持。此外，您可以在 Firefox 设置中强制链接始终加下划线。此外，通过添加一个浮动按钮来简化删除添加到 PDF 文件中的绘图、文本和图像，从而改进了 PDF 阅读器。

在 Web 平台上，Firefox 121 版本带来了几个值得开发者庆祝的新功能，包括 :has() 选择器、 text-indent、text-wrap: balance、<iframe loading=lazy> 和 WebAssembly 中的尾调用消除。

下面详细介绍 Web 上带来的更新：

:has() 选择器

继 Firefox 121 支持 :has() 后，:has() 已经被所有现代浏览器所支持，可以说它已经变得普遍可用。

:has() 选择器的主要应用场景：

1）选择父元素：

查找 span 元素为空的 div.box 父元素，并设置 display: none

2）检查是否有多个孩子节点：

:has() 允许传递一个包含多个标签的列表，这意味着你可以在给定元素中检查任意多个选择器。

3）选择前一个兄弟元素：

通过将 CSS 相邻同级组合器与 :has() 伪类相结合，可以选择前一个同级。邻接同级组合器会选择给定元素的下一个同级元素。我们可以使用 has() 来获取上一个同级元素。简而言之，如果一个元素有下一个同级元素，那么使用 :has() 和 + 组合器就可以轻松选择它！

4）有条件的装饰：

比如隐藏 p 为空元素的父节点。

5）和 :not()、:empty及其他选择器配合使用：

和 :not()、:empty及其他选择器配合使用，应用范围将更加广泛。更多详见现代CSS：使用 :empty 和 :has() 隐藏空元素

text-indent

文本缩进 CSS 属性现在支持 hanging 和 each-line，为书目、诗歌等样式提供了更方便的段落布局选项。

• each-line: 缩进会影响块容器的第一行以及强制换行后的每一行，但不会影响软换行后的行。
• hanging：改变缩进的行数。除第一行外的所有行都会缩进。

text-wrap: balance

text-wrap:balance 可以让每一行文字的个数尽可能的相等，即使宽度足够的大。更多详见：2023 年 CSS 新特性大盘点

iframe 元素支持 loading 懒加载

随着 Firefox 在 121 版本宣布支持对 iframe 元素的懒加载，现代所有现代浏览器已原生支持懒加载 iframe 和 img，大家可以使用 <iframe loading="lazy"> 和 <img loading="lazy"> 来提升页面初始化加载速度 ！更多详见：前端快讯｜所有现代浏览器原生支持懒加载 iframe 和 img

总结

总的来说，Firefox 121 是一次重要的更新，为浏览器带来了几个新功能和改进，同时也为 Mozilla 在 2023 年画上了一个完美的句号。如果您也是 Firefox 用户，请升级到最新版本以享受这些变化的好处。