如何在 Chrome 中安装渐进式 Web 应用程序 (PWA)

从本周开始,您只需单击一个按钮,就可以通过 Chrome 70 将 PWA(渐进式 Web 应用程序)安装到您的桌面上。什么是 PWA?为什么这是一件好事?

渐进式网络应用程序

渐进式 Web 应用程序 (PWA) 是一种 Web 应用程序,可为用户提供类似于在手机上使用的体验。有关 PWA 的一些基础知识是:

  • 这些应用程序适用于每个互联网用户,无论他们选择哪种浏览器作为主要浏览器。
  • 它们具有响应能力,这意味着无论您使用什么设备,PWA 都会正确适合屏幕。
  • 因为它们类似于它们的本机应用程序,所以您可以像在手机上一样与它们交互。这意味着无需输入 URL,并且可以在整个应用程序中进行一键式导航。
  • 渐进式 Web 应用程序可以在线、离线以及在连接有限的区域使用。

渐进式 Web 应用程序速度很快!即使没有网络,它们也会立即加载,因为它们首先从缓存加载,然后请求连接。使用浏览器时,您的设备在加载任何内容之前会先请求连接。这个延迟时间会导致黑屏,大约一半的人会在大约三秒内放弃!

这些应用程序的感觉和行为就像我们在设备上安装的应用程序一样,但不会占用大量存储空间。事实上,星巴克 PWA 的大小是其原生应用程序的 0.4%。您可以在主屏幕上找到它们,并执行与本机应用程序相同的所有操作,例如通知。

PWA 是可靠的。他们使用服务工作者,即与主浏览器分开运行的 Javascript 文件。服务工作线程允许应用程序控制网络请求、缓存这些请求以提高性能并提供对缓存内容的离线访问。因此,无论有没有网络,您始终能够加载和使用它们。当然,在重新获得网络访问权限之前,您可能无法访问新内容。

最后,PWA 比浏览器更容易使用。您无需一遍又一遍地输入网址。只需点击或单击主屏幕上的图标即可开始。

如何安装 PWA

您可以在主屏幕上安装这些应用程序,而无需费心去应用程序商店查找和下载它们。

选择具有渐进式网络应用程序选项的网站。数量仍然有限,但用户已经成功使用的一些是叽叽喳喳,兴趣,特里瓦戈,优步, 和星巴克。有些应用程序可以通过完整网页访问,而有些应用程序(例如 Twitter)则需要通过移动网站访问。

当您访问提供 PWA 的网站时,请单击右上角的菜单图标。

选择“安装[应用程序名称]”进行安装。

例如,如果您访问 Twitter Mobile 站点,请单击“菜单 > 安装 Twitter”。

如果您没有看到安装选项,则该站点可能没有可用的 PWA。我建议在放弃之前先检查移动网站。

当出现安装权限对话框时单击安装。

通过在桌面上或在 Windows 10 中的应用程序列表中选择它来打开它。该应用程序将打开并带有自己的窗口、任务栏图标和“开始”菜单条目。

如果您决定卸载渐进式网络应用程序,只需单击顶部的三个垂直点,然后单击“卸载[应用程序名称]”。

由于它们有许多优点,您可能想亲自检查其中一些应用程序。很难找到当前可用的 PWA 的明确列表,因此请在下面发表评论,让我们知道哪些适合您。

图片来源:网站地址/URL栏