我正在创建一个小网站,我希望允许用户将其保存为iOS设备上的应用程序。 我在每一页都添加了这样的内容:
<meta name="apple-mobile-web-app-capable" content="yes">
这似乎可以很好地工作,因为在用户将主页保存到主屏幕后,主页显示为全屏,但是只要点击链接,全屏就会被禁用,并出现一个顶部栏,在角落的左上角有一个“完成”按钮。
我希望无论用户做什么页面保持可见作为全屏。
有什么建议吗?
我通过添加清单文件解决了此问题:
{
"name": "My Super App",
"short_name": "My App",
"display": "standalone",
"scope": "/my-app-path/",
"start_url": "/my-app-path/"
}
添加到清单文件的链接
删除并再次添加应用程序到您的家庭