我有一个包含meta的网页应用
<meta name="apple-mobile-web-app-capable" content="yes">
iOS 11.3之前,“添加到主屏幕”后,它将像独立应用程序一样打开,没有导航栏。
在11.3之后,它现在在浏览器中带有导航栏打开。
我有一个包含meta的网页应用
<meta name="apple-mobile-web-app-capable" content="yes">
iOS 11.3之前,“添加到主屏幕”后,它将像独立应用程序一样打开,没有导航栏。
在11.3之后,它现在在浏览器中带有导航栏打开。
经过数小时的故障排查,我找到了一些可能对他人有帮助的信息。
针对Android/Chrome的兼容性,我的HTML文件中已经包含以下内容:
<link rel="manifest" href="/manifest.json">
"display": "standalone"
条目,只定义了图标和名称。在11.3之前,Safari会忽略该文件,但现在它被认为比meta标签apple-mobile-web-app-capable
更重要。由于display:
的默认值是browser,应用程序在带有导航栏的浏览器中打开。"display": "standalone"
行时,问题消失了。我也遇到了这个问题。@gae123关于manifest.json的说法是正确的。您还可以尝试删除任何与苹果特定meta标签冲突的内容,这些标签可以在此处查看:Apple Doc。我还发现,在json中使用"display":"fullscreen"就可以解决问题,但具体情况可能有所不同。