隐藏iPhone上的Safari用户界面组件

Question

试图隐藏作为主屏幕图标书签的Web应用程序的Safari UI组件.我正在使用这个元标记

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

在iPhone开发人员中心指定,但从主屏幕图标启动时,地址栏和工具栏仍然存在.我需要做些什么呢？有人有例子吗？

Answer 1

window.top.scrollTo(0, 1);

适用于iPhone,但不适用于iPad.我通过使用成功地将浏览器组件隐藏在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" />

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

Answer 2

它是从主屏幕启动的吗？链接页面上的文档没有提及,但我发现了@ 配置Web应用程序:

例如,您可以在添加到主屏幕时为Web应用程序指定用于表示它的图标,如"为Web剪辑指定网页图标"中所述.您还可以最小化iPhone用户界面上的Safari,如从主屏幕启动Web应用程序时,"更改状态栏外观"和"隐藏Safari用户界面组件" .这些都是可选设置,当添加到您的Web内容时,其他平台会忽略这些设置

Answer 3

你试过添加......

<meta name="apple-touch-fullscreen" content="yes" />