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

前端之家收集整理的这篇文章主要介绍了升级到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”时,问题就消失了.

猜你在找的iOS相关文章