如何在iOS中的Safari中删除地址栏?

与window.scrollTo(0,1)的老技巧; 不起作用。 更糟糕的是,地址栏有时只会移动一点点而被卡住。

这是我自己研究这个问题时发现的许多事情的组合。 下面是在iOS5上正常工作的代码:(我知道我有点晚了,但答案是答案,希望它可以帮助未来的人)

<!DOCTYPE html> <html> <head> <title>Hide Address Bar</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> window.addEventListener("load",function() { setTimeout(function(){ window.scrollTo(0, 0); }, 0); }); </script> <style> body { min-height: 480px; } </style> </head> <body> <h1>Content</h1> </body> </html> 

资料来源: http : //24ways.org/2011/raising-the-bar-on-mobile

例如: http : //jsbin.com/isenax/

我想代码应该仍然工作..

无论如何这里是正确的方式告诉移动Safari浏览器,你想全屏: 点击我

例如使用

 <meta name="apple-mobile-web-app-capable" content="yes" /> 

编辑

苹果使用一个新的移动UI属性来显示safari中的最小UI:

为视口元标记键添加了一个属性minimal-ui,可以在页面加载时最小化iPhone上的顶部和底部小节。 在使用minimal-ui的页面上,轻敲顶部栏将带回栏杆。 重新点击内容会再次解散它们。

像这样使用它:

 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" /> 

来源: https : //www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

由于IOS7 window.scrollTo技巧不再工作。 除了邀请用户将您的网站添加到主屏幕,目前没有任何工作。

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

是否有可能在iOS 7 Safari中隐藏地址栏?

iPhone / iPod touch的Safari iOS 7中无法隐藏导航栏

在iOS 7上,您可以使用minimal-ui元标记。 不幸的是,这在iOS 8中被删除了。

对于iOS 8来说,有一个叫做brim的项目应该能够带回最小UItypes的function。 它可以在这里find: https : //github.com/gajus/brim

Interesting Posts