Javascript 在移动Safari中，网站添加到主屏幕，在导航页面时在顶部和底部显示灰色条，如何使其全屏显示？

我有一个多页面的网站。我使用共享菜单中的“添加到主屏幕”按钮将其添加到iPhone的主屏幕

当我使用主屏幕中的图标打开它时，网站显示全屏。但是，当我转到具有不同路径的任何子页面时，如

example.com/page

，我会在顶部和底部看到灰色条，显示地址、来回导航、“完成”按钮、共享按钮、在safari中打开按钮

如何使其始终全屏显示？ 将路由更改为使用#不是一个选项。

---

它在过去的某个时候工作过，但我不得不删除该应用程序，并且无法使其再次工作

我自己发现了它，结果是最近我从html文件中删除了

manifest.json

。将其添加回解决了问题！

---

此外，我发现这个页面有助于了解清单是如何工作的

hmm您在使用pwa吗？应该有一个清单文件，您可以将屏幕设置为全屏