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
”
工作器是将 JavaScript 从主线程移到后台的简单方法。这对保持网站的可交互性至关重要,因为这意味着主线程在运行开销高昂或复杂的 JavaScript 计算时不会锁定。
不使用 WebWorkers
使用 WebWorkers
在 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 中推出的少数几项变更,当然还有许多其他变化。
- Web 蓝牙现已在 Windows 10 中推出,可让您的网站以安全且保护隐私的方式与附近用户选择的蓝牙设备进行通信。
- Chrome 可以使用
Report-To HTTP
响应标头字段向您的服务器发送干预和弃用消息,也可以在ReportingObserver
界面中显示这些消息。 - 您需要了解一些重要的弃用事宜。如需了解详情,请参阅 Chrome 70 中的弃用和移除功能这篇博文。
- 请务必查看最新的开发者工具的新变化博文,了解 Chrome 开发者工具的新变化。
订阅
如果您想及时了解我们视频的最新动态,请订阅我们的 Chrome Developers YouTube 频道。每当我们发布新视频时,您都会收到电子邮件通知。
我叫 Pete LePage