我有一个跨平台的PWA但在iOS 11.3 +上遇到了一些问题。
当用户执行“添加到主屏幕”时,我想保留菜单栏(刷新,后退,前进按钮)。即我不想要全屏模式,因为我不想创建自己的刷新和后退按钮。
我遵循了https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb的建议。我发现的大多数其他文章都已经过时了。
我删除了“apple-mobile-web-app-capable”元标记,但它不起作用。我也尝试将值设置为“no”。
<meta name="apple-mobile-web-app-capable" content="no">
如何防止iOS 11上的“添加到主屏幕”进入全屏模式?
答案 0 :(得分:2)
只需删除元标记本身:
确保您还删除了apple-mobile-web-app-status-bar风格的元标记,否则它可能会认为您希望它以全屏模式显示您想要状态栏。
如果您在此之后仍然遇到问题并清除所有历史记录和缓存,请查看Apple’s article on PWAs并尝试删除您网站中插入的额外元标记。
答案 1 :(得分:0)
如果您发现删除后PWA仍保持全屏显示:
<meta name="apple-mobile-web-app-capable" content="yes">
仔细检查您的manifest.json
中是否有"display": "standalone"
,并将其也删除。