Android Chrome 上 PWA 安装的不同行为答案

【问题标题】：Different behaviour in PWA installation on Android ChromeAndroid Chrome 上 PWA 安装的不同行为
【发布时间】：2018-07-06 15:18:00
【问题描述】：

我实际上是在制作 PWA。当我在 Android 8 上从 Google Chrome 67 安装应用程序时，我会注意到两种不同的行为：

当我离线时，应用程序完全安装为 PWA 并以独立模式启动。
当我在线时，应用程序没有安装。 Chrome 只是向我的网站添加了一个快捷方式，该快捷方式启动到 chrome 中（不是在独立模式下）。

我的 manifest.json 似乎正确填写了所需的指令（见下文）：

{
  "name": "Candy Sugar",
  "short_name": "Sugar",
  "description": "A candy Sugar",
  "start_url": "/",
  "display": "standalone",
  "orientation": "portrait",
  "icons": [
    {
        "src": "assets/favicons/android-chrome-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
    },
    {
        "src": "assets/favicons/android-chrome-384x384.png",
        "sizes": "384x384",
        "type": "image/png"
    },
    {
        "src": "assets/favicons/android-chrome-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
    },
    {
        "src": "assets/favicons/android-chrome-144x144.png",
        "sizes": "144x144",
        "type": "image/png"
    }
  ],
  "background_color": "#00777d",
  "theme_color": "#00777d",
  "gcm_sender_id": "103953800507"
}

我对这些行为感到惊讶，我真的不知道我做错了什么。有人可以帮我吗？

谢谢。

【问题讨论】：

标签： android google-chrome pwa

【解决方案1】：

您是否使用 Chrome Lighthouse 审核工具检查过您的网址？
如果在 Passed Audits 下，您会看到 系统会提示用户安装 Web 应用
你应该很好安装

根据我的测试：
如果您离线，只会添加一个普通的快捷方式
如果您在线，将安装 WebApk

如果你有可以分享的网址，我可以帮你查一下

【讨论】：

我已经用 Lighthouse 测试了我的应用程序，可以提示用户安装 Web 应用程序通过检查。目前我还没有将应用程序投入生产，但很快。对于我的情况，我在本地主机上，我已经尝试过 https，这就像你描述的那样工作。感谢您的回复，我会在应用上线后立即回复网址。
如果您想要快速免费的测试，请尝试 glitch.me - 我将所有构建文件加载到一个 GitHub 文件夹中，并在几秒钟内从那里导入故障。看; a2hs.glitch.me