Rom*_*ier 5 safari fullscreen mobile-safari progressive-web-apps
我希望网站更像一个应用程序：在全屏模式下。我的意思是，以编程方式隐藏 iOS 的 Safari 工具栏，就像我们从 iOS 13 开始使用“隐藏工具栏”按钮手动隐藏一样。
在 Android 中，我们可以使用该设置在 Web 应用程序清单中强制执行此类设置display。但 iOS 会忽略此设置。
过去有类似minimal-ui设置的解决方案，但现在已经不起作用了。现在，我们似乎拥有的唯一工具之一是对theme-color屏幕顶部的区域进行着色，但这对于这个问题来说是一个不完整的解决方案。
那么最新的iOS版本中这个问题的现状如何呢？
我并没有真正考虑发布一个封装的网站，认为应用程序商店。我也不打算强迫用户将网站添加到其主屏幕。
小智 5
也一直在寻找解决这个问题的方法。虽然我读到的所有内容都表明不可能以编程方式完成，但我确实有一个解决方案的想法：
当用户第一次访问您的网站时，创建一个新的“垂直切换”按钮，当用户通过向上滑动进行切换时，它基本上会将页面向下滚动到 Safari 的最小 UI。切换按钮可以包含“滑动查看”等文本。滑动后，按钮就会消失。此时，您可以加载网站的下一个网页，它将在最小的 UI 中启动。
所有页面必须有一个标题，其位置：固定；因此，当页面主体滚动时，它会保留在 Safari 的最小 UI 中。我想这个 header 的高度甚至可以是 1px。这里唯一需要注意的是，如果用户一直滚动到页面顶部，Safari 会弹出最小 UI。
很想看到有人一起破解这个！
| 归档时间： |
|
| 查看次数： |
1184 次 |
| 最近记录： |