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

In mobile Safari, website added to Home screen, shows gray bars on the top and bottom when navigating pages, how to make it full screen?(在手机Safari中，网站添加到主屏幕，导航页面时在顶部和底部显示灰色条，如何使其全屏？)

问题描述

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

当我使用主屏幕中的图标打开它时，网站会全屏显示。但当我转到具有不同路线的任何子页面(如example.com/page)时，我会在顶部和底部看到灰色条，显示地址、后退和前进导航、完成按钮、共享按钮、在Safari中打开按钮。

如何使其始终全屏显示？ 不能将发送路线更改为使用#。 它在过去的某个时候很管用，但我不得不删除了这款应用，无法让它再次运行

推荐答案

我自己想出来了，原来最近我从html文件中删除了manifest.json。把它加回去就解决了问题！ 此外，我发现此页面有助于了解清单的工作原理https://web.dev/add-manifest/

这篇关于在手机Safari中，网站添加到主屏幕，导航页面时在顶部和底部显示灰色条，如何使其全屏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！