升级到 iOS 11.3 后,每个 apple-mobile-web-app-capable Web 应用程序不会显示全屏

2023-11-24

我有一个包含元的网络应用程序

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

在 iOS 11.3 之前,当“添加到主屏幕”时,它将像独立应用程序一样打开,没有导航栏。

11.3 之后,它现在在浏览器中打开并带有导航栏。


经过几个小时的故障排除后,我发现以下内容可能对其他人有帮助。

为了兼容 Android/Chrome,我的 html 文件中已经包含以下内容:

<link rel="manifest" href="/manifest.json">

该manifest.json没有"display": "standalone"条目,它只定义了图标和名称。在 11.3 之前,该文件似乎被 safari 忽略,但现在它被考虑并优先于元标记apple-mobile-web-app-capable。自从默认为display:是浏览器,该应用程序在带有导航栏的浏览器中打开。

当我添加该行时"display": "standalone"在清单文件中问题就消失了。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

升级到 iOS 11.3 后,每个 apple-mobile-web-app-capable Web 应用程序不会显示全屏 的相关文章

随机推荐