网站平台将于 3 月推出

了解 2025 年 3 月已在稳定版和 Beta 版网络浏览器中推出的一些有趣功能。

Rachel Andrew

发布时间：2025 年 3 月 31 日

稳定版浏览器

2025 年 3 月，Firefox 136、Chrome 134 和 Safari 18.4 已稳定发布。本文将介绍 Web 平台中新增的功能。

新增了伪类 :has-slotted 和 :open

Firefox 136 支持 :has-slotted 伪类，用于为在渲染 Web 组件时向 <slot> 元素添加内容的 <template> 中的元素设置样式。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

借助 :open 伪类，您可以选择当前处于打开状态的任何元素。这适用于带有选择器的 <details>、<dialog>、<input> 元素，以及在下拉选择框打开时使用的 <select> 元素。

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 也支持 Intl.DurationFormat。这样，您就可以考虑语言区域来设置时长格式。此功能已加入基准组，您可以参阅 Intl.DurationFormat 现已加入基准组了解详情。

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

contenteditable 属性的 plaintext-only 值

另一项将成为基准功能的功能是，此版本的 Firefox 中新增了 contenteditable 全局属性的 plaintext-only 值。如需了解此值，请参阅“contenteditable”属性值组合“plaintext-only”现已成为基准值。

Browser Support

  • Chrome: 51.
  • Edge: ≤79.
  • Firefox: 136.
  • Safari: ≤13.1.

CSS 的横向编写模式

Safari 18.4 支持 writing-mode: sideways-rl 和 writing-mode: sideways-lr。当您出于呈现原因而希望垂直显示文本时，可以使用这些值。 它们现在应该会变为“新推出的基准”。

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

CSS shape() 函数

Safari 18.4 中还提供了 CSS shape() 函数，可在剪裁路径中实现响应式自由形式形状。

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.support()

Safari 18.4 为 ClipboardItem() 实现了 support() 方法。通过此功能，您可以查看剪贴板操作期间支持哪些格式，该功能现已作为基准新功能提供。

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

针对 <dialog> 关闭灯

Popover API 的一项实用功能是其轻量关闭行为。此行为现已纳入 <dialog> 中，并在 Chrome 134 中实现，其中新增了用于控制此行为的 closedby 属性。

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: not supported.
  • Safari: not supported.

共享存储空间现在支持 Web Locks API

Chrome 134 将 Web Locks API 集成到 Shared Storage 中。 这可防止出现跨网站覆盖面衡量因 get() 和 set() 逻辑中可能存在的争用情况而导致报告重复的情况。

Beta 版浏览器

通过浏览器 Beta 版，您可以抢先体验下一个稳定版浏览器中将推出的功能。在该版本面向全球发布之前，您可以先测试可能会影响您网站的新功能或移除的功能。新版 Beta 版为 Firefox 137 和 Chrome 135。这些版本为该平台带来了许多出色的功能。如需了解所有详情，请参阅版本说明。下面列出了其中的几个亮点。

Firefox 137 包含 Math.sumPrecise 静态方法，该方法会返回 Iterable（例如数组）的总和。此版本还包含 Atomics.pause()。此方法会向 CPU 提供一个提示，指明当前线程在等待访问共享资源时处于自旋锁状态。

Chrome 135 包含许多与创建轮播界面相关的 CSS 功能。 它还包含可自定义的 <select> 元素，以及 command 和 commandfor 属性。