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

Question

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

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

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

11.3之后,它现在打开浏览器中的导航栏.

Answer 1

经过数小时的故障排除后,我发现以下可能对其他人有所帮助.

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

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

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

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