离子中的 PWA 安装提示

Posted 2023-03-14

【中文标题】离子中的 PWA 安装提示

【英文标题】：PWA install prompt in ionic

【发布时间】：2018-08-30 06:30:50

【问题描述】：

当用户访问我们的应用程序时，是否有可能显示“添加到主屏幕”提示？目前，用户需要点击三点菜单按钮，然后点击“添加到主屏幕”。

其次，在 iPhone 中，当我们点击“添加到主屏幕”按钮并用作图标时，safari 会拍摄页面的屏幕截图。我们不能在 iPhone 中使用自定义图标吗？

问候 T

【参考方案1】：

这在Add to Home Screen中有记录

显示提示

要显示添加到主屏幕提示，请在用户手势中对已保存的事件调用 prompt()。它会显示一个 模态对话框，要求用户将您的应用添加到他们的主屏幕。

然后，监听 userChoice 属性返回的承诺。这 Promise 在提示后返回一个带有结果属性的对象 已显示且用户已回复。

更新应用的图标和名称

如果您更改清单中的任何属性，这些更改 将在用户再次运行您的应用后反映给用户。

提示：图标可能会被缓存，因此更改文件名可能会有所帮助 更新图标或其他图形时。