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

问题描述

我是移动版 HTML5 的新手.我将 jQuery Mobile 用于我当前的应用程序，但在隐藏导航栏时遇到了一些问题.

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.

我找到了这个网站:http://m.somethingborrowedmovie.warnerbros.com/.(我不会粘贴此链接来宣传这部电影.)

I found this site: http://m.somethingborrowedmovie.warnerbros.com/. (I do not paste this link to promote the movie.)

我对这个 HTML5 网站感到惊讶.有没有人知道隐藏导航栏的方法?

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?

推荐答案

尝试以下操作:

1. 在 HTML 文件的 head 中添加这个 meta 标签:

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

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

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

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

返回主屏幕并打开书签站点.URL 和状态栏将消失.

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

只要您只需要使用 iPhone，就可以使用此解决方案.

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

此外，您在warnerbros.com 站点上的示例使用Sencha 触摸框架.您可以谷歌了解更多信息或查看他们的演示.

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屋！