在 Chrome 70 中,我们添加了对以下内容的支持:
- Windows 和 Linux 上的桌面渐进式 Web 应用。
- 凭据管理 API 增加了对公钥凭据的支持。
- 现在,您还可以为 Worker 命名!
还有更多功能!
我是 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
使用 WebWorkers
在 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 中面向开发者的部分变更,还有许多其他变更。
- Web Bluetooth 现已在 Windows 10 中推出,可让您的网站以安全且可保护隐私的方式与用户选择的附近蓝牙设备通信。
- Chrome 可以使用
Report-To HTTP
响应标头字段向您的服务器发送干预和弃用消息,也可以在ReportingObserver
界面中显示这些消息。 - 您应该了解一些重要的弃用功能,如需了解详情,请参阅 Chrome 70 中的弃用和移除功能一文。
- 请务必查看最新的 DevTools 中的新变化博文,了解 Chrome DevTools 中的新变化。
订阅
如需及时了解我们的最新视频,请订阅我们的 Chrome Developers YouTube 频道,这样每当我们发布新视频时,您就会收到电子邮件通知。
我是 Pete LePage,待 Chrome 71 发布后 我会立即向大家介绍 Chrome 的新变化!