iOS PWA "Add to Home Screen" - 禁用全屏模式
iOS PWA "Add to Home Screen" - DISABLE Full Screen Mode
我有一个跨平台的 PWA,但 运行 在 iOS 11.3+ 上遇到了一些问题。
当用户执行 "Add to Homescreen" 我想保留菜单栏(刷新、后退、前进按钮)。即我不想要全屏模式,因为我不想创建自己的刷新和后退按钮。
我听从了 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 上的 "Add to Homescreen" 进入全屏模式?
只需删除元标记本身:
确保你也删除了 apple-mobile-web-app-status-bar-style 元标记,否则它可能会认为你想要它在全屏模式下声明你想要状态栏。
如果您在清除所有历史记录和缓存后仍然遇到问题,请查看 Apple’s article on PWAs 并尝试删除插入您网站的额外元标记。
如果您发现您的 PWA 在删除后仍然保持全屏:
<meta name="apple-mobile-web-app-capable" content="yes">
仔细检查您的 manifest.json
"display": "standalone"
并将其也删除。
我有一个跨平台的 PWA,但 运行 在 iOS 11.3+ 上遇到了一些问题。
当用户执行 "Add to Homescreen" 我想保留菜单栏(刷新、后退、前进按钮)。即我不想要全屏模式,因为我不想创建自己的刷新和后退按钮。
我听从了 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 上的 "Add to Homescreen" 进入全屏模式?
只需删除元标记本身:
确保你也删除了 apple-mobile-web-app-status-bar-style 元标记,否则它可能会认为你想要它在全屏模式下声明你想要状态栏。
如果您在清除所有历史记录和缓存后仍然遇到问题,请查看 Apple’s article on PWAs 并尝试删除插入您网站的额外元标记。
如果您发现您的 PWA 在删除后仍然保持全屏:
<meta name="apple-mobile-web-app-capable" content="yes">
仔细检查您的 manifest.json
"display": "standalone"
并将其也删除。