在手机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中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,如何使其全屏?)

本文介绍了在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,如何使其全屏?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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

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

推荐答案

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

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

本文标题为:在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,如何使其全屏?

基础教程推荐