如何在 iPhone 上禁用 url 和底部栏

Posted 2023-03-11

【中文标题】如何在 iPhone 上禁用 url 和底部栏

【英文标题】：How to disable url & bottom bar on iphone

【发布时间】：2017-05-16 12:18:27

【问题描述】：

我正在用 html、css 和 js 制作一个网络应用程序，想在 iPhone 上的网络浏览器中隐藏地址栏和底部栏。

到目前为止，我没有运气，并尝试了以下方法：

   /mobile/i.test(navigator.userAgent) && setTimeout(function () 
   window.scrollTo(0, 1);
   , 1000);

并使用了元标记：

name="apple-mobile-web-app-status-bar-style" content="black"
name="apple-mobile-web-app-capable" content="yes"

【问题讨论】：

希望你能帮助我，谢谢。

我相信您首先需要将网站添加到您的主页。当您从主屏幕打开网站时，它应该会正常运行

【参考方案1】：

在ios原生的Safari浏览器中，没有办法禁用菜单和地址栏。当用户滚动时，这通常会消失。如果您通过按share button 在主屏幕上添加书签。 Web 应用程序将显示没有地址栏和菜单栏。希望这有帮助！ -托德

【讨论】：

谢谢，它做到了。我想我必须用#href 制作一页，它会解决的:)