0

我遇到了一些奇怪的事情。

如果您进入此链接:http ://www.pointer4u.co.il/ifleet 并将其添加到主屏幕,当您打开应用程序时,它不会打开浏览器,而是像真正的原生应用程序一样打开它,我发现这对于分发内部应用程序来说是惊人的。

现在这个 web 应用程序(当添加到主屏幕时)不仅隐藏了 UI 组件,而且在加载它时会显示一个加载屏幕,而不是常规的浏览器加载显示。

你可以在这里找到另一个例子

他们是怎么做到的?

4

2 回答 2

2
  //this is the key for hiding Safari's Top Bar and bottom bar when launch from Home screen short cut. 
  //If this is no, following three lines has no effect.
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <link rel="apple-touch-startup-image" href="URL_TO/320_460_loading.png" />
  <link rel="apple-touch-startup-image" sizes="640x960" href="URL_TO/640_920_loading.png" />
于 2012-11-07T08:15:34.483 回答
0

复制自 Steve Jorgensen 在Hiding Safari User Interface Components on iPhone中的回答:

window.top.scrollTo(0, 1);

适用于 iPhone,但不适用于 iPad。我已经成功地通过使用

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

并从主屏幕链接启动。我也在使用

<meta name="viewport" 
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

如果我忽略视口属性,我还没有尝试查看浏览器组件是否仍然隐藏。

于 2012-11-07T07:49:15.907 回答