iOS PWA "Add to Home Screen" - 禁用全屏模式



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

当用户执行"添加到主屏幕"时,我想保留菜单栏(刷新,后退,前进按钮)。 即我不想要全屏模式,因为我不想创建自己的刷新和后退按钮。

我遵循了 https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb 的建议。 我发现的大多数其他文章在这个主题上都明显过时了。

我已经删除了"苹果-移动-网络-应用程序-支持"元标记,但它不起作用。我还尝试将值设置为"否"。

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

如何防止iOS 11上的"添加到主屏幕"进入全屏模式?

只需删除元标记本身:

确保您还删除了苹果-移动-网络-应用程序-状态栏样式的元标记,否则它可能会认为您希望它处于全屏模式,声明您想要状态栏。

如果您在此之后仍然遇到问题并清除所有历史记录和缓存,请查看Apple关于PWA的文章,并尝试删除插入到您网站中的额外元标记。

如果您发现 PWA 在删除后仍保持全屏状态:

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

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

最新更新