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

时间:2018-02-13 19:21:07

标签: ios mobile-safari

我有一个包含元

的网络应用
<meta name="apple-mobile-web-app-capable" content="yes">

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

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

2 个答案:

答案 0 :(得分:13)

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

对于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"时,问题就消失了。

答案 1 :(得分:2)

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