android - 检查网络应用程序是否已添加到 Android 上的主屏幕

Question

我有一个网络应用程序，在 Android 上我想显示一个警告，说明如何将我的应用程序添加到主屏幕。 (将其添加到“书签”，然后“将其添加到主屏幕”或“添加到主屏幕的快捷方式”)。然后一个图标将显示在打开我的应用程序的屏幕上。

但当然我只想在应用程序未添加到主屏幕时显示它。

有人知道怎么做吗？感谢任何输入，谢谢。

Answer 1

是的，你可以。

虽然从技术上讲，在 Chrome 浏览器选项卡中打开的页面无法直接检查主屏幕快捷方式是否存在，但页面的本地数据(localStorage，IndexedDB)在主屏幕实例和浏览器选项卡之间共享，所以这可以用来传达主屏幕版本的存在。

1. 检测应用是否在主屏幕上运行
2. 如果它是从主屏幕运行的，将这个事实保存到 localStorage
3. 利润! (通过在任何选项卡中从 localStorage 中读取)

当应用程序处于独立 View 时(只有从主屏幕启动时才有可能)，CSS 媒体查询 (display-mode: standalone) 将匹配。在 Javascript 中，您可以使用以下方式阅读它:

matchMedia('(display-mode: standalone)').matches

(顺便说一句:与此等效的非标准 iOS 是 navigator.standalone，但 iOS 不在主屏幕和 Safari 之间共享状态，所以你运气不好)。

但是，我建议不要使用自定义说明来满足 Chrome 的“渐进式网络应用”标准，并让 Chrome 为您提供提示。