Is it possible to hide the address bar and status bar in iOS 7 Safari?
There is a method: <meta name="viewport" content="minimal-ui”>
(but it only works on iOS 7.1 - not on 7.0 nor 8.0)
source: StackOverflow
More details, from iOS 7.1 beta 2 change log and release notes:
Safari Notes
A property, minimal-ui, has been added for the viewport meta tag key that allows minimizing the top and bottom bars on the iPhone as the page loads. While on a page using minimal-ui, tapping the top bar brings the bars back. Tapping back in the content dismisses them again.
For example, use
<meta name=”viewport” content=”width=1024, minimal-ui”>
.
update: I confirmed this method works in iOS 7.1 (official final release). You can confirm for yourself with my web app, which uses the meta tag solution described above.
I've seen this recommended <meta name="apple-mobile-web-app-capable" content="yes">
It runs the site in standalone mode, which hides the UI. I'm unclear on how this compares to the minimal-ui solution above. I am under the impression this solution works for iOS versions before 7.1 as well.