iOS PWA “添加到主屏幕” - 禁用全屏模式
[英]iOS PWA “Add to Home Screen” - DISABLE Full Screen Mode
问题描述
我有一个跨平台的 PWA，但在 iOS 11.3+ 上遇到了一些问题。
当用户执行“添加到主屏幕”时，我想保留菜单栏（刷新、后退、前进按钮）。 即我不想要全屏模式，因为我不想创建自己的刷新和返回按钮。
我遵循了https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsively-in-your-progressive-web-apps-85d70f4438cb 上的建议。 我发现的大多数其他文章在这个主题上都已经过时了。
我已经删除了“apple-mobile-web-app-capable”元标记，但它不起作用。 我也尝试将值设置为“否”。
<meta name="apple-mobile-web-app-capable" content="no">
如何防止 iOS 11 上的“添加到主屏幕”进入全屏模式？
2 个解决方案
解决方案1
5 已采纳 2018-05-23 03:03:33
只需删除元标记本身：
确保您还删除了 apple-mobile-web-app-status-bar-style 元标记，否则它可能会认为您希望它处于全屏模式，说明您想要状态栏。
如果在此之后您仍然遇到问题并清除所有历史记录和缓存，请查看Apple 关于 PWA 的文章并尝试删除插入您网站的额外元标记。
解决方案2
1 2020-04-25 22:21:31
如果您发现您的 PWA 在移除后仍然保持全屏状态：
<meta name="apple-mobile-web-app-capable" content="yes">
仔细检查您的manifest.json中的"display": "standalone"并将其删除。
nuxt.js pwa 的初始屏幕（添加到主屏幕 ios 和 Apk pwa）
[英]Splash screen for nuxt.js pwa (add to home screen ios and Apk pwa)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.