提问者:小点点

iOS webapp-如何在页面之间保持全屏模式


我正在创建一个小网站,我希望允许用户将其保存为iOS设备上的应用程序。 我在每一页都添加了这样的内容:

<meta name="apple-mobile-web-app-capable" content="yes">

这似乎可以很好地工作,因为在用户将主页保存到主屏幕后,主页显示为全屏,但是只要点击链接,全屏就会被禁用,并出现一个顶部栏,在角落的左上角有一个“完成”按钮。

我希望无论用户做什么页面保持可见作为全屏。

有什么建议吗?


共1个答案

匿名用户

我通过添加清单文件解决了此问题:

  1. 在web应用程序的根目录中创建一个清单文件,其内容与以下内容类似:
    {
      "name": "My Super App",
      "short_name": "My App",
      "display": "standalone",
      "scope": "/my-app-path/",
      "start_url": "/my-app-path/"
    }

添加到清单文件的链接

删除并再次添加应用程序到您的家庭