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

Worker 是一种轻松地将 JavaScript 从主线程移至后台的方法。这对于保持网站的交互性至关重要,因为这意味着主线程在运行耗时或复杂的 JavaScript 计算时不会锁死。

不使用 WebWorkers

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

使用 WebWorkers

主线程
不运行大量 JavaScript,从而实现快速流畅的体验。
WebWorker
运行大量繁重的 JavaScript,不会影响主线程。

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

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

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

命名 worker 功能已在 Firefox、Edge 和 Safari 中推出。如需了解详情,请参阅 GitHub 上的讨论

等等!

当然,这只是 Chrome 70 中面向开发者的部分变更,还有许多其他变更。

订阅

如需及时了解我们的最新视频,请订阅我们的 Chrome Developers YouTube 频道,这样每当我们发布新视频时,您就会收到电子邮件通知。

我是 Pete LePage,待 Chrome 71 发布后 我会立即向大家介绍 Chrome 的新变化!