ios - iOS PWA“添加到主屏幕”-禁用全屏模式
问题描述
我有一个跨平台的 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”元标记,但它不起作用。我也尝试将值设置为“否”。
<meta name="apple-mobile-web-app-capable" content="no">
如何防止 iOS 11 上的“添加到主屏幕”进入全屏模式?
解决方案
只需删除元标记本身:
确保您还删除了 apple-mobile-web-app-status-bar-style 元标记,否则它可能会通过声明您想要状态栏来认为您希望它处于全屏模式。
如果在此之后您仍然遇到问题并清除所有历史记录和缓存,请查看Apple 关于 PWA 的文章并尝试删除插入您网站的额外元标记。
推荐阅读
- java - Spring-boot 出现与 rabbitmq 相关的“第二个‘channel.open’”错误
- lambda - 如何制作一个可以序列化所有数据(包括 lambda 函数)的解释器?
- r - ggplotly 与 geom_ribbon 分组
- jquery - 如何使超链接同时扩展并流向所需的文本?
- c# - 有没有办法使用 C# 为服务器端开发 Outlook 加载项?
- ios - 如何在 ios 的 App Purchase 中使用折扣
- python - 为什么使用两个选择字段没有从我的数据库中显示数据?
- android - 如何创建新的 admob RewardedVideoAd 自定义实例?
- javascript - 在 componentDidMount() 中设置时如何模拟 eventListener
- apache-flex - flex中的组件来呈现excel