升级到iOS 11.3之后,每个apple-mobile-web-app都无法显示全屏幕

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

<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忽略了该文件,但现在它被认为是优先于Meta-mobile-web-app-able的元标记.从the default for display: is browser开始,应用程序在带有导航栏的浏览器中打开.

当我在清单文件中添加“display”行：“standalone”时,问题就消失了.