New to the web platform in April

Web 平台 4 月新功能

The inert attribute

Firefox 112 包括inert全局属性.此属性告诉浏览器忽略该元素,指示不应交互的内容.它:

• 防止触发click事件.
• 防止元素获得焦点.
• 从可访问性树中排除元素及其内容.

The linear() easing function

linear()缓动函数在一些点之间启用线性插值.这使得更复杂的动画,如弹跳和弹性效果成为可能.这个函数在 Firefox 112 中.

CSS nesting

Chrome 112 添加了对CSS Nesting的支持,这是许多开发人员非常期待的功能.这引入了一个新的嵌套选择器>,用于以熟悉预处理器的方式嵌套相关的样式规则:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

CSS animation-composition

Chrome 112 还包括对animation-composition的支持.了解该属性是如何工作的,请参见<指定多个动画效果应如何与 animation-composition 合成>.

New headless mode

如果你使用 Chrome 的无头模式,例如使用 Puppeteer,那么 112 带来了一个全新的无头模式.请在Chrome 的无头模式得到升级中了解它.