如何在iPhone / HTML5中完全隐藏导航栏 [英] How to completely hide the navigation bar in iPhone / HTML5

问题描述

我对移动版HTML5真的很陌生。我使用jQuery Mobile作为我当前的应用程序，我在隐藏导航栏时遇到了一些问题。

我找到了这个网站： http://m.somethingborrowedmovie.warnerbros.com/ 。 （我不粘贴这个链接来宣传电影。）

我对这个HTML5网站感到惊讶。有没有人有任何想法隐藏导航栏的方法？

菜单也做得很好。是否有任何框架来构建这样的应用程序？

解决方案

请尝试以下方法：

1. 在您的 head 中添加此 meta 标记HTML文件：
   
   

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




2. 使用iPhone上的Safari打开您的网站，并使用书签功能将网站添加到主屏幕。

回到主屏幕并打开书签网站。 URL和状态栏将消失。

只要您只需要使用iPhone，就应该没问题。

此外，您在warnerbros.com网站上的样本使用 Sencha触摸框架。您可以 Google it 了解更多信息或查看他们的演示。

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.somethingborrowedmovie.warnerbros.com/. (I do not paste this link to promote the movie.)

I was just amazed by this HTML5 site. Does anyone have any idea of the method used to hide the navigation bar?

The menu is also really well done. Is there any framework to build apps like this one?

解决方案

Try the following:

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

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

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.

这篇关于如何在iPhone / HTML5中完全隐藏导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！