Question

以下是主题部分：

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

    <meta name="apple-touch-fullscreen" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <link rel="apple-touch-icon" href="/custom_icon.png"/>
    <link rel="apple-touch-startup-image" href="/startup.png">

    <script src="http://www.google.com/jsapi"></script>

    <script>
      window.top.scrollTo(0, 1);
      alert('ok');
      google.load("jquery", "1.4.1");
      google.load("jqueryui", "1.8.0");
    </script>

</head>

使用iOS 4.2.1

以上不适合我。浏览器地址栏和底部工具栏仍然存在。我尝试了一些教程，但我无法改变任何东西。有什么想法吗？

Answer 1

对于iOS 7.1，您可以在标题中设置此项以最小化UI：

<meta name="viewport" content="width=device-width, minimal-ui">

它是在iOS 7.1 beta 2中引入的。该网站有助于我了解minimal-ui的工作原理：http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

Answer 2

您无法以编程方式隐藏Mobile Safari中的工具栏。

您的用户需要将您的网络应用添加到他们的主屏幕，以便在他们下次启动您的应用时通过点按其图标来隐藏这些条形图。这可以通过点击工具栏中的中间按钮，然后选择添加到主屏幕来完成。您可能需要显示一条消息，通知您的用户执行此操作。

Answer 3

您可以使用这个有用的JS项目来帮助您的用户将页面添加到主屏幕： Add 2 Home

如何在iPhone中隐藏Safari Mobile浏览器底部按钮栏？

使用iOS 4.2.1

3 个答案: