我遇到了一些奇怪的事情。
如果您进入此链接:http ://www.pointer4u.co.il/ifleet 并将其添加到主屏幕,当您打开应用程序时,它不会打开浏览器,而是像真正的原生应用程序一样打开它,我发现这对于分发内部应用程序来说是惊人的。
现在这个 web 应用程序(当添加到主屏幕时)不仅隐藏了 UI 组件,而且在加载它时会显示一个加载屏幕,而不是常规的浏览器加载显示。
你可以在这里找到另一个例子
他们是怎么做到的?
//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" />
复制自 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" />
如果我忽略视口属性,我还没有尝试查看浏览器组件是否仍然隐藏。