Firefox 93 带来了许多令人愉快的更新,包括 AVIF 图像格式支持、在 PDF 查看器中填写基于 XFA 的表单以及通过阻止依赖于不安全连接的下载来防止不安全的下载。
Web 开发人员现在可以使用 静态初始化块 在 JavaScript 类中,并且还有一些 Shadow DOM 和 Custom Elements 更新。SHA-256 算法现在支持使用摘要进行 HTTP 身份验证。与以前使用 MD5 算法相比,这允许更安全的身份验证。
这篇博文仅仅提供了一些亮点;有关所有详细信息,请查看以下内容
AVIF 图像支持
AV1 图像文件格式 (AVIF) 是一种强大、开源、免版税的文件格式。AVIF 有可能成为 Web 内容中共享图像的“下一个大事件”。它提供了最先进的功能和性能,没有复杂许可和专利版税的阻碍,这些阻碍了可比的替代方案。
与 PNG 或 JPEG 格式相比,它提供了更好的无损压缩,并支持更高的颜色深度和透明度。由于支持尚未全面覆盖,因此您应包括对浏览器支持更好的格式的回退(即使用 <picture>
元素)。
在 MDN 上的图像文件类型和格式指南 中详细了解 AVIF 图像格式。
静态初始化块
Firefox 93 中现在支持 JavaScript 类中的静态初始化块。这提供了更大的灵活性,因为它允许开发人员在初始化静态字段时运行代码块。如果您想从单个值设置多个字段或评估语句,这将非常方便。
您可以在一个类中拥有多个静态块,它们具有自己的作用域。由于它们是在类中声明的,因此它们可以访问类的私有字段。您可以在 MDN 上的静态初始化块 中找到有关它们的更多信息。
自定义元素 & Shadow DOM
在 Firefox 92 中,强制性插槽 API 实现了,使开发人员可以更好地控制自定义元素中插槽的分配。Firefox 93 包含对 slotchange
事件的支持,该事件在插槽内的节点更改时触发。
Firefox 93 中还实现了 HTMLElement.attachInternals()
方法。它返回一个 ElementInternals
实例,允许控制 HTML 元素的内部功能。还添加了 ElementInternals.shadowRoot
属性,这意味着开发人员可以访问元素的影子根,即使他们自己没有创建该元素。
如果您想了解更多关于自定义元素和 Shadow DOM 的信息,请查看 MDN 上的主题指南。
其他亮点
还有一些值得注意的功能,包括
- 已实现 ARIA 仪表角色。
- 已添加
<input type="datetime-local">
的 UI。 - 在 CSS 中,
small-caps
关键字现在支持font-synthesis
属性。 createImageBitmap()
方法的options
对象参数现在支持imageOrientation
和premultiplyAlpha
属性。
关于 Ruth John
Ruth John 在 Mozilla 工作,担任技术作家。她是 MDN 团队的新成员,热衷于 Web 技术,不仅喜欢撰写相关内容,还喜欢用它们来构建演示。
3 条评论