html - 如何在iPhone/HTML5中完全隐藏导航栏

标签 html mobile iphone-standalone-web-app

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

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

我对这个 HTML5 网站感到惊讶。有谁知道用于隐藏导航栏的方法吗?

菜单也做得很好。是否有构建此类应用程序的框架?

最佳答案

尝试以下操作:

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

    <meta name="apple-mobile-web-app-capable" content="yes" />
    
  2. 在 iPhone 上使用 Safari 打开您的网站,并使用书签功能将您的网站添加到主屏幕。

  3. 返回主屏幕并打开已添加书签的网站。 URL 和状态栏将消失。

只要您只需要使用 iPhone,您就可以使用此解决方案。

此外,您在 warnerbros.com 网站上的示例使用了 Sencha touch framework .你可以Google it了解更多信息或 check out their demos .

关于html - 如何在iPhone/HTML5中完全隐藏导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6011223/

相关文章:

html - 悬停放大表格中的图像

java - 我如何在 libgdx 中测试屏幕的左侧或右侧是否被触摸

javascript - 如何使用 Node.js 模拟移动环境?

android - 添加到手机主屏幕

iphone - 如果用户添加到主页,则更改 iPad/iPhone 布局

javascript - 在原始 JavaScript 中加载 ajax 后将事件(使用动态数据)绑定(bind)到元素的最佳方法

javascript - canvas.toDataURL() 生成错误的 DataURL

html - 使固定宽度适合移动设备视口(viewport)

javascript - 更改 Titanium 事件选项卡突出显示颜色

iphone - 返回从 Safari 保存到主屏幕的 Web 应用程序