javascript - 手机Safari中,网站添加到主屏,浏览页面时顶部和底部显示灰色条,如何使其全屏?

标签 javascript ios mobile-safari progressive-web-apps iphone-standalone-web-app

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

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

如何让它一直全屏显示? 更改路由以使用 # 不是一个选项。 它在过去的某个时候工作过,但我不得不删除该应用程序,并且无法使其再次工作

最佳答案

我自己想通了,原来最近把html文件中的manifest.json去掉了。重新添加它解决了问题! 此外,我发现此页面有助于了解 list 的工作原理 https://web.dev/add-manifest/

关于javascript - 手机Safari中,网站添加到主屏,浏览页面时顶部和底部显示灰色条,如何使其全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63807825/

相关文章:

javascript - 在 angularJS 中与 ng-repeat 一起使用时,javascript []、[[]] 和 [{}] 之间的工作区别

java - Chrome 原生消息传递 Chrome 扩展

ios - 关闭当前模态视图 Controller curl 效果并打开 MFMailComposeViewController

iphone - 新的 YouTube iframe 代码无法在 iPhone 上显示视频

javascript - 在javascript中获取属性

javascript - 使用watcher在Vue条件渲染中选择2

ios - 尝试上传应用程序和包标识符验证失败

objective-c - 动画 UIView 原点仅在第一次尝试后才有效

iPad Safari 移动版似乎忽略了 html5 视频元素的 z 索引位置

javascript - 强制在 Mobile Safari 上呈现整页?