iOS PWA“添加到主屏幕”-禁用全屏模式

4

我有一个跨平台的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标签,但它并没有起作用。我也尝试将其值设置为“no”。

<meta name="apple-mobile-web-app-capable" content="no">

如何防止iOS 11上的“添加到主屏幕”进入全屏模式?

涉及IT技术相关内容。


你有没有成功查看这个SO帖子 - MαπμQμαπkγVπ.0
2个回答

5
只需删除元标记本身: 确保您还删除了apple-mobile-web-app-status-bar-style元标记,否则它可能会认为您希望全屏模式,并声明您希望状态栏。 如果在此之后仍然遇到问题并清除了所有历史记录和缓存,请查看 Apple关于PWA的文章,并尝试删除插入您网站中的其他元标记。

1

如果您发现在去除全屏模式后,您的 PWA 仍然保持全屏状态:

<meta name="apple-mobile-web-app-capable" content="yes">

请仔细检查您的manifest.json文件,删除其中的"display": "standalone"设置。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接