在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,怎么使其全屏?

本教程将介绍在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,如何使其全屏?的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,怎么使其全屏? 教程 第1张

问题描述

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

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

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

推荐答案

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

好了关于在手机Safari中,网站添加到主屏幕,导航页面时在顶部和底部显示灰色条,怎么使其全屏?的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。