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

标签 ios web-applications mobile-website progressive-web-apps

我有一个跨平台的 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’s article on PWAs并尝试删除插入您网站的额外元标记。

关于iOS PWA "Add to Home Screen"- 禁用全屏模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50396141/

相关文章:

javascript - 基于浏览器使用 Javascript 切换样式表

javascript - 在移动浏览器中测试 AJAX

html - Kindle Fire 丝绸浏览器阅读 View CSS

ios - 尝试使用新电子邮件注册时收到错误消息 "the email address is already in use by another account"

ios - 调用 popToRootViewControllerAnimated 时未调用 viewWillDisappear

ios - 在 iOS 中定位时加载另一个 .xib

企业 Web 应用程序中的 JavaFX - 经典网页的良好替代品?

java - 启动Spring Boot服务器时如何绕过kafka代理失败?

javascript - 防止 Webapp 中的额外触摸

ios - 如何从终端/shell 完全降级 xcode?