将渐进式 Web 应用程序添加到应用程序抽屉/托盘答案

【问题标题】：Add Progressive Web Apps to App drawer/Tray将渐进式 Web 应用程序添加到应用程序抽屉/托盘
【发布时间】：2018-03-15 15:29:14
【问题描述】：

如何将渐进式 Web 应用程序添加到应用程序抽屉中，而不仅限于主屏幕。这是我的清单文件。一个例子是 twitter 网络应用程序，它也可以添加到主屏幕和应用程序抽屉。我不知道是否应该在此 Web 清单中添加一些内容。

{
"name": "Weather",
"short_name": "Weather",
"icons": [{
  "src": "images/icons/icon-128x128.png",
    "sizes": "128x128",
    "type": "image/png"
  }, {
    "src": "images/icons/icon-144x144.png",
    "sizes": "144x144",
    "type": "image/png"
  }, {
    "src": "images/icons/icon-152x152.png",
    "sizes": "152x152",
    "type": "image/png"
  }, {
    "src": "images/icons/icon-192x192.png",
    "sizes": "192x192",
    "type": "image/png"
  }, {
    "src": "images/icons/icon-256x256.png",
    "sizes": "256x256",
    "type": "image/png"
  }],
 "start_url": "/index.html",
 "display": "standalone",
 "background_color": "#3E4EB8",
 "theme_color": "#2F3BA2"
}

【问题讨论】：

您在手机上使用的是什么版本的 chrome？根据从 Chrome 59 开始的this，它应该自动创建和安装一个 APK 并出现在应用程序抽屉中。也可能会受到不运行库存 Android 的影响，例如三星的用户界面等
在几台三星设备上测试过，它可以工作。因此，问题不应该与设备供应商有关。

标签： javascript google-chrome web progressive-web-apps

【解决方案1】：

您无需在清单文件中定义 scope 属性并使用 Chrome v59 或更高版本： https://www.w3.org/TR/appmanifest/#scope-member

查看改进的“添加到主屏幕”的文档： https://developers.google.com/web/updates/2017/02/improved-add-to-home-screen

【讨论】：

【解决方案2】：

我必须更新我的 chrome 浏览器并在清单文件中定义一个范围属性，一个

【讨论】：