如何使用 navigator.share() 在 iOS 上显示“添加到主屏幕”？答案

【问题标题】：How to show 'Add to home screen' on iOS with navigator.share()?如何使用 navigator.share() 在 iOS 上显示“添加到主屏幕”？
【发布时间】：2019-06-06 11:13:24
【问题描述】：

为了允许 iOS 用户安装网络应用程序，我正在尝试制作说明屏幕。在此屏幕中，我添加了一个打开共享表的按钮。当共享表打开时，“添加到主屏幕”按钮不见了（通常显示的许多其他按钮也不见了）。

navigator.share({
   title: 'Title',
   text: 'Text',
   url: window.location.href
});

有人知道是否可以显示此按钮，或者这是否是 iOS 限制？

【问题讨论】：

标签： javascript ios share navigator

【解决方案1】：

使用 Share API 不是此任务的正确路径。目前，Apple 并没有让“添加到主屏幕”功能很容易找到。您需要做的是引导用户使用底部 Safari 应用栏中的按钮。添加到主屏幕按钮位于显示的面板中。您需要引导用户向右滑动才能找到按钮（假设他们没有移动它）。

交叉手指，Apple 很快就会支持 beforeinstallprompt 进程。值得称赞的是，自从 iPhone 发布以来，这一直是 iOS Safari 的一部分。但是，他们从未改善过体验。 :(

【讨论】：

知道为什么 navigator.share 会打开其他类型的对话框吗？单击共享图标时打开的共享对话框会打开一个包含添加到主屏幕按钮的对话框。如果该对话框可以访问，那就太好了:)
我刚刚检查了我的 iPhone。共享表打开。它将股票表上的选项限制为已注册的股票目标。我的 iPhone 上没有任何应用程序，只有要测试的 PWA，所以我只看到了一些选项，例如 SMS、电子邮件和其他 4 个默认目标。所以添加到主屏幕按钮对我来说不是一个选项。我将在本周末更新我的分享 API 文章以反映这一点。