Chrome 78 中的新功能

皮特·莱佩奇

Chrome 78 现已推出！

我是 Pete LePage，一起来深入了解下 Chrome 78 会为开发者带来哪些新功能吧！

CSS Properties 和 Values API

CSS 变量（技术上称为“自定义属性”）很棒。您可以利用它们在整个 CSS 中定义和使用自己的属性。但是，自定义属性只是简单的搜索和替换而已。

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

如果您为颜色使用了变量，但为其分配了网址值，则系统仅会以静默方式舍弃规则。借助 CSS Properties and Values API，您可以为自定义属性定义类型和默认后备值。

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

注册属性很简单，只需调用 window.CSS.registerProperty() 并提供您要定义属性类型的属性名称（如果应继承）并提供初始值即可。

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

如需了解完整详情，请参阅 Sam Richard 在 web.dev 上编写的利用 Houdini 的新 API 实现更智能的自定义属性一文。

更新频率的 Service Worker

现在，系统会对 importScripts() 导入的 Service Worker 脚本执行逐字节检查。过去，强制已安装的 Service Worker 获取对已导入脚本的更改的唯一方法是更改已导入脚本的网址，通常是通过在网址中添加 semver 值或哈希值。

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

从 Chrome 78 开始，每次对顶级 Service Worker 文件执行更新检查时，Chrome 还会检查任何已导入脚本的内容是否发生了更改。如果存在，则将触发完整的 Service Worker 更新流程。这使得 Chrome 符合该规范，并且与 Firefox 和 Safari 的功能一致。

Jeff 具有默认情况下更新鲜的 Service Worker 的所有详细信息，其中包括关于 HTTP 缓存如何影响更新周期的一些重要事项。

新的源试用

源试用让我们有机会验证实验性功能和 API，并让您能够针对其在更广泛的部署中的易用性和有效性提供反馈。

实验性功能通常仅在标志后可用，但当我们针对某项功能提供源试用时，您可以注册该源试用，以便为源站的所有用户启用该功能。

通过选择加入源试用，您可以构建演示和原型，以供 Beta 版测试用户在试用期间进行试用，而无需在 Chrome 中切换任何特殊标志。

如需详细了解源试用，请参阅面向 Web 开发者的源试用指南。您可以查看有效源试用的列表，并在 Chrome 源试用页面上进行注册。


Native File System

Native File System API 的源试用从 Chrome 78 开始，预计将持续到 Chrome 80。

借助 Native File System API，开发者可以构建功能强大的 Web 应用，这些应用与用户本地设备上的文件进行交互。用户向 Web 应用授予访问权限后，此 API 可让 Web 应用直接读取或保存对用户设备上的文件和文件夹所做的更改。

我非常高兴能够实现所有这些新体验，而无需再“上传”或“下载”要使用的文件。如需了解所有详情（包括代码、演示以及我们如何努力保障用户安全），请参阅这篇有关原生文件系统的博文。

短信接收器

SMS Receiver API 的源试用从 Chrome 78 开始，预计会在 Chrome 80 中运行。

SMS Receiver API 现已作为源试用提供，可让您的 Web 应用接收针对应用源的特殊格式的短信。这样一来，您就可以以编程方式从短信中获取动态密码，并更轻松地验证用户的电话号码。

Eiji 撰写了使用 SMS Receiver API 在网络上验证电话号码一文，其中介绍了所有详细信息以及如何注册源试用。

2019 年 Chrome 开发者峰会

请记得关注 11 月 11 日和 12 日的 Chrome 开发者峰会，我们将在 Chrome 开发者 YouTube 频道上现场直播。


深入阅读

这里仅介绍一些重要的亮点。如需了解 Chrome 78 中的其他变化，请点击以下链接。

订阅

如果您想及时了解我们视频的最新动态，请订阅我们的 Chrome Developers YouTube 频道。每当我们发布新视频时，您都会收到电子邮件通知，或者将 RSS Feed 添加到您的 Feed 阅读器中。

我叫 Pete LePage