在手机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中，网站添加到主屏幕，导航页面时在顶部和底部显示灰色条，如何使其全屏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
