渐进式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。
从今天开始,在Android上,一些用户将在Twitter上获得更丰富的PWA安装对话框。
-是否要为您的PWA设置相同?
– 简单。将`description`和`screenshots`成员添加到清单中,操作就完成了。详细信息请阅读https://t.co/dBVxQmQMcU pic.twitter.com/h8Sczroz4L
-Chrome开发人员(@ChromiumDev) 2021年3月29日
该用户界面看起来很像您在官方Google Play商店中看到的界面。有应用程序名称,简短描述,一些屏幕截图,甚至还有“安装”按钮。
新的PWA UI外观如何
由于此新用户界面刚刚推出,因此没有多少应用程序在使用该新用户界面。 Twitter是第一个将其安装界面用于其渐进式Web应用程序的人。
在这个新的安装UI中,您现在对应用程序有一个简短的描述,将要安装的应用程序的一些屏幕截图,以及在提示符右上方的“安装”按钮。
轻击此按钮可将PWA安装在手机上;这给您的感觉几乎与安装Play商店应用程序一样。
如何为您的应用程序使用新UI
如果您是开发人员,则需要在清单中添加两个成员,以利用此新的安装UI。将说明和屏幕截图成员添加到清单文件中,然后Chrome for Android将使用新的用户界面进行渐进式Web应用程序安装。
在将图像添加到您的应用程序时,请牢记以下几点:
- 图片的宽度和高度必须至少为320px,最大为3840px。
- 您的屏幕截图必须具有相同的宽高比。
- 您的屏幕截图必须使用JPG或PNG文件格式。
- 最大尺寸不能大于最小尺寸的两倍。
对文件进行必要的更改后,逐步的Web应用程序安装看起来与本机应用程序安装非常相似。
Chrome中PWA的更丰富的安装界面
渐进式网络应用程序开发人员现在可以使他们的应用程序在Android上的Chrome浏览器中使用更丰富的安装提示。这将鼓励更多的人在手机上安装您的应用程序。
如果您是最终用户,现在可以在将PWA安装到手机上之前查看有关PWA的更多详细信息。