Chrome 74 中的新功能

Pete LePage

在 Chrome 74 中，我们添加了对以下内容的支持：

还有更多精彩内容！

我是 Pete LePage。让我们一起来深入了解一下 Chrome 74 为开发者带来了哪些新功能吧

更新日志

这仅涵盖了部分重要的亮点。请点击以下链接，了解 Chrome 74 中的其他变化。

私有类字段

类字段避免了仅仅定义实例属性所需的构造函数函数，从而简化了类语法。在 Chrome 72 中，我们添加了对公共类字段的支持。

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

我说过私有类字段正在开发中。我很高兴地宣布 私有类字段现已登陆 Chrome 74新的私有字段语法与公开字段类似，只不过您可以使用 #（井号）将字段标记为私有。请将 # 视为字段名称的一部分。

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

请记住，private 字段只是“私有”字段。它们可以在类内部访问，但在类正文之外不可用。

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

如需详细了解公共类和私有类，请查看 Mathias 关于类字段的帖子。

prefers-reduced-motion

一些用户报告称在查看视差滚动、缩放和其他动作效果时会发生晕动病。为了解决这个问题，许多操作系统都提供了尽可能减少动作的选项。

Chrome 现在提供了一个媒体查询 prefers-reduced-motion。媒体查询是媒体查询级别 5 规范的一部分，可让您检测是否开启了此选项。


@media (prefers-reduced-motion: reduce)

假设我有一个注册按钮，它通过一个细微动作吸引注意力。通过这个新查询，我可以只使用按钮来关闭动作。

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

请参阅 Tom 的文章“Move Ya!或者，如果用户更喜欢使用简化动作，就不要这么做！。

CSS transition 事件

CSS 过渡规范要求在过渡加入队列、开始、结束或取消过渡时发送过渡事件。其他浏览器 已经开始支持这些事件了...

但到目前为止，Chrome 尚不支持这些功能。在 Chrome 74 中 您可以收听以下音频：

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

通过监听这些事件，可以在运行过渡时跟踪或更改行为。

功能政策 API 更新

功能政策，可让您有选择地启用、停用和修改 API 和其他网络功能的行为。您可以通过 Feature-Policy 标头或 iframe 上的 allow 属性完成此操作。

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74 引入了一组新的 API，可用于检查启用了哪些功能：

  • 您可以获取 document.featurePolicy.allowedFeatures() 允许使用的功能列表。
  • 您可以使用 document.featurePolicy.allowsFeature(...) 检查是否允许特定功能。
  • 此外，您还可以通过 document.featurePolicy.getAllowlistForFeature() 获取当前页面上使用的允许指定功能的网域列表。

如需了解详情，请查看“功能政策简介”博文。

还有更多其他奖励！

以上只是 Chrome 74 中面向开发者的一些变化，当然，还有很多变化。就我个人而言，我对 KV 存储充满期待，这是一种超快速的异步键值对存储服务，现可进行源试用。

Google I/O 大会即将开幕！

不要忘了，距离 Google I/O 大会即将开幕（5 月 7 日至 9 日）几周后，我们将给大家带来许多精彩的新内容。如果您无法亲临现场，我们会进行现场直播，届时您可以通过我们的 Chrome 开发者 YouTube 频道观看专题演讲。

订阅

如果您想及时了解我们的视频，请订阅我们的 Chrome 开发者 YouTube 频道，这样，每当我们发布新视频时，您都会收到电子邮件通知。

我是 Pete LePage