How to completely hide the navigation bar in iPhone / HTML5

Question

I\'m really new to HTML5 for mobile. I use jQuery Mobile for my current app and I have some problems hiding the navigation bar.

I found this site: http://m.something

Answer 1

Try the following:

1. Add this meta tag in the head of your HTML file:

2. Open your site with Safari on iPhone, and use the bookmark feature to add your site to the home screen.

3. Go back to home screen and open the bookmarked site. The URL and status bar will be gone.

As long as you only need to work with the iPhone, you should be fine with this solution.

In addition, your sample on the warnerbros.com site uses the Sencha touch framework. You can Google it for more information or check out their demos.