升级到 iOS 11.3 网络应用后,每个 apple-mobile-web-app-capable 不显示全屏
After upgrade to iOS 11.3 web app does not show full screen per apple-mobile-web-app-capable
我有一个包含元的网络应用程序
<meta name="apple-mobile-web-app-capable" content="yes">
在 iOS 11.3 之前,当 "added to Home Screen" 时,它会像没有导航栏的独立应用程序一样打开。
在 11.3 之后,它现在在浏览器中打开时带有导航栏。
经过数小时的故障排除后,我发现以下内容可能对其他人有所帮助。
为了 Android/Chrome 兼容性,我的 html 文件中已经包含以下内容:
<link rel="manifest" href="/manifest.json">
manifest.json 没有 "display": "standalone"
条目,它只是定义了图标和名称。似乎在 11.3 之前该文件被 safari 忽略,但现在它被考虑并优先于元标记 apple-mobile-web-app-capable
。自 the default for display:
is browser 起,该应用程序是在带有导航栏的浏览器中打开的。
当我在清单文件中添加行 "display": "standalone"
时,问题就消失了。
我也刚 运行 喜欢这个。 @gae123 关于 manifest.json 是正确的。您也可以尝试删除任何冲突的苹果特定元标记,可以在此处看到:Apple Doc。我还发现 "display":json 中的 "fullscreen" 就是这样,你的里程可能会有所不同。
我有一个包含元的网络应用程序
<meta name="apple-mobile-web-app-capable" content="yes">
在 iOS 11.3 之前,当 "added to Home Screen" 时,它会像没有导航栏的独立应用程序一样打开。
在 11.3 之后,它现在在浏览器中打开时带有导航栏。
经过数小时的故障排除后,我发现以下内容可能对其他人有所帮助。
为了 Android/Chrome 兼容性,我的 html 文件中已经包含以下内容:
<link rel="manifest" href="/manifest.json">
manifest.json 没有 "display": "standalone"
条目,它只是定义了图标和名称。似乎在 11.3 之前该文件被 safari 忽略,但现在它被考虑并优先于元标记 apple-mobile-web-app-capable
。自 the default for display:
is browser 起,该应用程序是在带有导航栏的浏览器中打开的。
当我在清单文件中添加行 "display": "standalone"
时,问题就消失了。
我也刚 运行 喜欢这个。 @gae123 关于 manifest.json 是正确的。您也可以尝试删除任何冲突的苹果特定元标记,可以在此处看到:Apple Doc。我还发现 "display":json 中的 "fullscreen" 就是这样,你的里程可能会有所不同。