iOS PWA“添加到主屏幕”-禁用全屏模式答案

【问题标题】：iOS PWA "Add to Home Screen" - DISABLE Full Screen ModeiOS PWA“添加到主屏幕”-禁用全屏模式
【发布时间】：2018-10-27 23:58:47
【问题描述】：

我有一个跨平台的 PWA，但在 iOS 11.3+ 上遇到了一些问题。

当用户执行“添加到主屏幕”时，我想保留菜单栏（刷新、后退、前进按钮）。即我不想要全屏模式，因为我不想创建自己的刷新和返回按钮。

我已删除“apple-mobile-web-app-capable”元标记，但它不起作用。我也尝试将值设置为“否”。

<meta name="apple-mobile-web-app-capable" content="no">

如何防止 iOS 11 上的“添加到主屏幕”进入全屏模式？

【问题讨论】：

【解决方案1】：

只需删除元标记本身：

确保您还删除了 apple-mobile-web-app-status-bar-style 元标记，否则它可能会通过声明您想要状态栏来认为您希望它处于全屏模式。

如果您在清除所有历史记录和缓存后仍有问题，请查看Apple’s article on PWAs 并尝试删除插入您网站的额外元标记。

【讨论】：

【解决方案2】：

如果你发现你的 PWA 在移除后仍然全屏显示：

<meta name="apple-mobile-web-app-capable" content="yes">

仔细检查您的manifest.json 是否有"display": "standalone" 并将其也删除。

【讨论】：