如何检测用户是否已将webapp添加到移动设备上的主屏幕？

Question

我正在开发一个webapp。 我想计算将我的webapp添加到主屏幕的用户数量。

假设我的网站是。

http://www.example.com

我添加了元标记，允许移动用户将其添加到主屏幕。 我想要一些下载我的webapp的用户。 如果用户已下载即使他没有打开，那么我也应该收到用户已将其添加到主屏幕的通知。

所以当Webapp添加到主屏幕时，我需要任何可以工作的事件。

我的webapp是HTML5

Answer 1

首先，根据官方常见问题解答，官方认为不可能：

如何检测应用程序是否作为已安装的应用程序运行？

你不能，直接。

这又被重新迭代了

最佳做法

• 不要提示用户将您的应用添加到主屏幕。 无法检测应用程序是否正在运行。

资料来源： https ： //developer.chrome.com/multidevice/android/installtohomescreen

您可以在页面加载时对屏幕大小进行一些手动检查，因为chrome无法手动全屏，但不依赖于此（尽管出于统计目的，它可能很有趣）。

---

另一个可能有用的说明是，当应用程序添加到主屏幕时，不会下载该应用程序。 所有这一切都是使用某些参数为chrome创建“链接”。 根据设计，向开发人员披露关于此过程的少量信息，以防止公司强迫用户在其运行之前“安装”webapps。

Answer 2

截至2018年，根据https://developers.google.com/web/fundamentals/app-install-banners/ ：

要确定应用程序在接受提示后是否已成功添加到用户的主屏幕，您可以侦听已安装的应用程序事件。

 window.addEventListener('appinstalled', (evt) => { app.logEvent('a2hs', 'installed'); });