是否可以使用JavaScript在iOS 9(Safari浏览器)中隐藏URL栏?

是否可以使用JavaScript在iOS 9(Safari浏览器)中隐藏URL栏?,javascript,iphone,ios9,single-page-application,Javascript,Iphone,Ios9,Single Page Application,我想使用JavaScript对我的单页应用程序隐藏URL栏 我尝试设置“身体”元素的更大高度,然后执行: window.scrollTo(0, 0); 但它不起作用。URL栏仍然可见。如何解决此问题?对于iPhone,您可以使内容仅比视口高一个像素,这将消除导航栏 工作代码示例: 注意事项: 仅适用于横向,当从纵向切换到横向时-如果用户在横向中进入页面,他/她必须切换到纵向并返回到横向 如果用户触摸顶部/底部附近,导航栏将重新显示 在iPad上根本不起作用 到目前为止,它似乎在iOS 9上不

我想使用JavaScript对我的单页应用程序隐藏URL栏

我尝试设置“身体”元素的更大高度,然后执行:

window.scrollTo(0, 0);

但它不起作用。URL栏仍然可见。如何解决此问题?

对于iPhone,您可以使内容仅比视口高一个像素,这将消除导航栏

工作代码示例:

注意事项:

  • 仅适用于横向,当从纵向切换到横向时-如果用户在横向中进入页面,他/她必须切换到纵向并返回到横向
  • 如果用户触摸顶部/底部附近,导航栏将重新显示
  • 在iPad上根本不起作用

到目前为止,它似乎在iOS 9上不起作用,在iOS 7.1之后它就停止工作了

如图所示:


这对我不起作用,你能更具体一点吗?我通过JavaScript修改了meta viewport内容高度属性,地址栏没有任何更改……我更新了文章的一些细节,希望能有所帮助!这个解决方案似乎没有任何作用。在ipad mini和iphone 5s上测试。我发现Safari 9的行为因版本而异。旋转时隐藏仅在iphone上发生,而不考虑额外像素。我现在使用的是9.1(13B143)。它在iPad上根本不起作用,我应该提到这一点。还发现pastebin中有一个小错误(已更新)。如果你在iPhone上打开并切换到横向,导航栏会保持不变吗?(适用于带有9.113B143的iPhone 5S)iPhone行为是默认行为。默认情况下,旋转为横向时,导航栏将隐藏。无需添加1px。。。