use*_*202 4 web-applications mobile-website ios progressive-web-apps
我有一个跨平台的 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">
Run Code Online (Sandbox Code Playgroud)
如何防止 iOS 11 上的“添加到主屏幕”进入全屏模式?
只需删除元标记本身:
确保您还删除了 apple-mobile-web-app-status-bar-style 元标记,否则它可能会认为您希望它处于全屏模式,说明您想要状态栏。
如果在此之后您仍然遇到问题并清除所有历史记录和缓存,请查看Apple 关于 PWA 的文章并尝试删除插入您网站的额外元标记。
| 归档时间: |
|
| 查看次数: |
3819 次 |
| 最近记录: |