Google为Android版Chrome浏览器带来了新的PWA安装用户界面

渐进式Web应用程序基本上是实际完整应用程序的简化版本。如果您在Android版Chrome浏览器中安装了这些应用程序,则以后的PWA应用程序安装将类似于本机应用程序安装。

这是因为Google推出了新的PWA安装用户界面,该界面看起来非常类似于Play商店用户界面。

Chrome中当前的PWA安装

当前,如果您在Android上的Chrome浏览器中打开受支持的网站,则底部会出现一个小横幅,要求将应用添加到主屏幕。当前,这就是您在Android上的Chrome中安装渐进式Web应用程序的方式。

此安装用户界面看起来或感觉都不像本机应用程序安装用户界面。

适用于Android的Chrome浏览器中的新PWA安装UI

正如Chrome开发人员在Twitter上宣布的那样,Google为Android上的Chrome浏览器带来了用于渐进式Web应用程序的更丰富的安装UI。

该用户界面看起来很像您在官方Google Play商店中看到的界面。有应用程序名称,简短描述,一些屏幕截图,甚至还有“安装”按钮。

新的PWA UI外观如何

由于此新用户界面刚刚推出,因此没有多少应用程序在使用该新用户界面。 Twitter是第一个将其安装界面用于其渐进式Web应用程序的人。

在这个新的安装UI中,您现在对应用程序有一个简短的描述,将要安装的应用程序的一些屏幕截图,以及在提示符右上方的“安装”按钮。

轻击此按钮可将PWA安装在手机上;这给您的感觉几乎与安装Play商店应用程序一样。

如何为您的应用程序使用新UI

如果您是开发人员,则需要在清单中添加两个成员,以利用此新的安装UI。将说明屏幕截图成员添加到清单文件中,然后Chrome for Android将使用新的用户界面进行渐进式Web应用程序安装。

相关:用于设计令人惊叹的用户界面的iPhone和iPad应用程序

在将图像添加到您的应用程序时,请牢记以下几点:

  • 图片的宽度和高度必须至少为320px,最大为3840px。
  • 您的屏幕截图必须具有相同的宽高比。
  • 您的屏幕截图必须使用JPG或PNG文件格式。
  • 最大尺寸不能大于最小尺寸的两倍。

对文件进行必要的更改后,逐步的Web应用程序安装看起来与本机应用程序安装非常相似。

Chrome中PWA的更丰富的安装界面

渐进式网络应用程序开发人员现在可以使他们的应用程序在Android上的Chrome浏览器中使用更丰富的安装提示。这将鼓励更多的人在手机上安装您的应用程序。

如果您是最终用户,现在可以在将PWA安装到手机上之前查看有关PWA的更多详细信息。