Question

我们的用户一直在报告我们的Progressive Web App并未显示在他们的Apps抽屉中。我在运行谷歌Chrome 65的三星Galaxy S5和S6上重现了这一点。我使用了菜单＆＃34;添加到主屏幕，＆＃34;并且图标显示在主屏幕上，但不显示在＆＃34; Apps＆＃34;抽屉或在“应用程序管理器设置”屏幕中。

这告诉我，我的PWA没有得到＃34; WebAPK＆＃34;又名＆＃34; Improved Add to Home Screen＆＃34;治疗，但我不能为我的生活找出原因。根据谷歌的链接，改进的A2HS向Chrome 59中的所有用户推出。

此处我的manifest.json文件name，short_name，scope和start_url已更改为示例值。

{
  "name": "Example",
  "short_name": "Example",
  "icons": [
    {
      "src": "icon.jpg",
      "sizes": "1024x1024",
      "type": "image/jpg"
    }
  ],
  "scope": "https://www.example.com/my-url/",
  "start_url": "https://www.example.com/my-url/",
  "display": "standalone",
  "background_color": "#626160",
  "theme_color": "#626160"
}

Answer 1

在您的情况下，由于图标定义为图片/ jpg，您没有看到添加到主屏幕（A2HS）横幅。

无法安装网站：清单中不包含合适的网站 icon - 尺寸属性至少为144px的PNG格式必须设置，目的属性（如果设置）必须包含＆＃34;任何＆＃34;。

更多信息：

要在Web App Install Banners

列出WebAPK，需要满足几项要求

当您的应用满足时，Chrome会自动显示横幅广告   以下标准：

有一个Web应用程序清单文件：


一个short_name（在主屏幕上使用）

一个名字（在横幅中使用）

一个192x192 png图标（图标声明必须包含mime类型的图像/ png）

加载
的start_url
在您的网站上注册了服务工作者


通过HTTPS提供服务（使用服务工作者的要求）。遇见一个   由Chrome定义的网站参与启发式（这是经常出现的   改变）。

从Chrome 68开始，您需要处理＆＃34; beforeinstallprompt＆＃34;   用户手势上的事件和调用prompt（）以获取添加到主屏幕   （A2HS），它不会自动发生。

要确保您获得WebAPK而不是快捷方式，请确保以下内容：

您需要GSM Core才能安装为WebAPK
可用的Web应用程序清单
在“Web应用程序清单”中提供了大小合适的图标
服务工作者已成功注册
带有抓取事件的服务工作者

鉴于上述所有情况都可以，APK服务需要可用并且可以在服务器上生成APK并通过GMS Core安装。如果您没有互联网连接，它可能会默认为主屏幕上的快捷方式。

您在哪里可以安装PWA？

PWA目前可以安装在 Android ：

上

铬
三星
Firefox，
Opera，
UC

并将很快在iOS，Windows 10，macOS，ChromeOS上推出。

参考：Progressive Web Apps coming to all Chrome platforms

如何知道您是否有WebAPK或快捷方式？

如果PWA在Android应用程序抽屉中 - 它是一个WebAPK。
如果长按PWA的屏幕图标，则可以选择＆＃34;卸载＆＃34; - 那么它是一个WebAPK
如果您只选择＆＃34;删除＆＃34; - 那么这是一个捷径

测试您的PWA

测试时应使用的两个标志

chrome://flags/#allow-insecure-localhost

chrome://flags/#bypass-app-banner-engagement-checks

您可以使用adb shell am start帮助启动Chrome，同时启用Chrome，而无需通过用户界面。

Answer 2

即使是根据Matija响应设置的所有内容，也可以安装快捷方式。

今天发生在2020年11月23日。唯一的区别是我们使用了 3G数据 而不是 WiFi 。

在同一设备上通过WiFi进行的相同过程导致安装了WebAPK。看来Google可能会根据设备的可用连接速度来决定 WebAPK vs快捷方式。请记住这一点。

如果有更多的人可以通过 Chrome 86.0.4240.198 确认
Android 7.0版，而没有用Chrome签名的任何用户，这将是很好的选择< / p>

PWA未在Android应用抽屉中显示

2 个答案: