微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

升级到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”时,问题就消失了.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐