将渐进式 Web 应用程序添加到主屏幕

Adding Progressive Web Application to homescreen

我刚看完 Google I/O 2016 年关于渐进式 Web 应用程序的演示文稿。可以肯定地说，我对它们感到非常兴奋。

我确实有一个关于用户将图标添加到他们的主屏幕的问题。用户是否能够像使用本机应用程序一样隐藏应用程序抽屉中的图标（显然是 Android 设备）？还是图标必须保留在他们的主屏幕上？

UDPATE： Chrome 开发频道 (v56) 现在支持 启用改进的添加到主屏幕 。请注意，该标志在 Chrome Canary（未安装）中不起作用。我在 Android M 上测试了这个。要启用它：

  1. 从 Chrome 开发应用程序，导航到 chrome://flags/#enable-improved-a2hs。
  2. 单击启用。
  3. 导航到 chrome://flags/#bypass-app-banner-engagement-checks。
  4. 单击启用。
  5. 重新启动浏览器。
  6. 导航至 https://paperplanes.world。
  7. 点击应用横幅中的添加到主屏幕。
  8. 在应用程序安装屏幕上单击安装。
  9. 单击完成。
  10. 观察主屏幕和应用程序抽屉中的 "Paper Planes" 图标。

不行，PWA 应用程序图标只能在主屏幕上显示。

您可以像管理任何其他主屏幕图标一样管理该图标，包括将其分组到主屏幕上的文件夹中，或将其删除。

目前 PWA 仅支持将其图标添加到 Android 设备的主屏幕。然而，在 Chrome Dev Summit 2016, it was announced Chrome 开发频道将很快获得对 "installing" PWA 的实验性支持。

chrome://flags "enable improved add to home screen" 中将添加一个新选项，启用该选项后，安装 PWA 即可将其列在应用程序抽屉和“设置”所有应用程序列表中。