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

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

 

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

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

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

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

  

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

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

我也碰到了这个。 关于manifest.json,@ gae123是正确的。 您也可以尝试删除任何冲突的苹果特定元标记,可在此处查看: Apple Doc 。 我还发现“显示”:json中的“全屏”是它所用的,你的里程可能会有所不同。