Chrome 70 的新变化

Chrome 70 新增了对以下功能的支持:

以及更多功能

我是 Pete LePage。下面我们就来详细了解一下 Chrome 70 为开发者提供了哪些新功能

想要查看更改的完整列表?查看 Chromium 源代码库变更列表

Windows 和 Linux 上的桌面渐进式 Web 应用

用户现在可以在 Windows 和 Linux 上安装桌面渐进式 Web 应用!

安装后,它们会从“开始”菜单启动,并且像所有其他已安装的应用一样运行,没有地址栏或标签页。Service Worker 可以确保它们快速而可靠,其应用窗口体验会让他们感觉像其他任何已安装的应用一样。

着手做的事情和您现在已经做的事情没有什么不同。 您为现有渐进式 Web 应用完成的所有工作仍然适用! 如果您的应用符合标准 PWA 条件,Chrome 会触发 beforeinstallprompt 事件。保存事件;然后添加一些界面(例如“安装应用”按钮),告知用户您的应用可以安装。然后,当用户点击该按钮时,对保存的事件调用 prompt();Chrome 随后会向用户显示提示。如果用户点击“添加”,Chrome 就会将您的 PWA 添加到其“开始”菜单和桌面中。

如需了解完整详情,请参阅我的桌面 PWA 帖子。

Credential Management API:公钥凭据

Credential Management API 可让用户轻松登录账号。它允许您的网站与浏览器的凭据管理器联合帐号服务(如 Google 和 Facebook)进行交互,以便进行签名。

Chrome 70 新增了对第三种凭据类型的支持:公钥凭据,借助此凭据,Web 应用能够创建和使用强且经过加密认证的应用范围的凭据,以便严格验证用户的身份。

我非常高兴,因为它允许网站使用我的指纹进行双重身份验证。但是,这也增加了对更多类型的安全密钥的支持,并提高了网络的安全性。

请参阅 Credential Management API 文档了解详情,或者尝试通过 WebAuthn 演示了解如何开始使用!

已命名为“workers

工作器是将 JavaScript 从主线程移到后台的简单方法。这对保持网站的可交互性至关重要,因为这意味着主线程在运行开销高昂或复杂的 JavaScript 计算时不会锁定。

不使用 WebWorkers

主线程
运行大量繁重的 JavaScript,导致体验缓慢、卡顿。

使用 WebWorkers

主线程
无需运行大量 JavaScript,因而能够提供快速、流畅的体验。
WebWorker
大量运行的大量 JavaScript 不会影响主线程。

在 Chrome 70 中,工作器现在具有 name 属性,该属性由构造函数中的可选参数指定。

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

当您有多个采用同一网址的 worker 时,可以通过 name 区分专用 worker。您还可以在开发者工具控制台中输出名称,从而更轻松地知道您正在调试哪个 worker!

Firefox、Edge 和 Safari 已经支持为 worker 命名。如需了解详情,请参阅 GitHub 上的讨论

还有更多其他奖励!

以上只是我们针对开发者在 Chrome 70 中推出的少数几项变更,当然还有许多其他变化。

订阅

如果您想及时了解我们视频的最新动态,请订阅我们的 Chrome Developers YouTube 频道。每当我们发布新视频时,您都会收到电子邮件通知。

我叫 Pete LePage