如何将 Web 应用程序添加到用户主屏幕？

Question

正如标题所说，我想在我的网站末尾显示一个包含按钮的小弹出窗口，以提示用户将我的网站添加到他们手机的主屏幕。我在这里找到了一个教程：https://codelabs.developers.google.com/codelabs/add-to-home-screen/#0，它解决了我在 Android 上的问题，但这种方式仅适用于 Android 和 https 方法。我希望这个弹出窗口必须在 Android、iOS、http 和 https 上运行。这里有人知道如何解决这个问题吗？非常感谢您的帮助。

Answer 1

对于 Android，添加到主屏幕提示 需要 HTTPS（或 localhost），因此无法在 HTTP 上执行此操作。

iOS上的Safari，可以配置主屏图标和启动外观with meta tags，但目前还没有提示系统，所以需要用户手动添加应用。