不能隐藏 Safari 用户界面组件答案

【问题标题】：Can Not Hiding Safari User Interface Components不能隐藏 Safari 用户界面组件
【发布时间】：2009-09-10 05:12:32
【问题描述】：

我是 iPhone 网络开发人员的新手。我从阅读 Safari Web 内容指南开始。然后我发现我们可以隐藏用户界面，例如 safari 的地址栏。于是，我就跟着导师走了。结果不是我所期望的。地址栏仍然显示。

我把这个元标记放在 html 文件中。

这是我的代码

<head>     
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Hello iPhone Web App</title>
    <style type="text/css">
          form{
           width:100%;
         }

         #searchBox{
          font-size:25px;
        width:50%;
         }
         #send{
          font-size:25px;
         }

         #containerTop{
           text-align:center;
           width:100%;
        }

    </style>
</head>
<body>
    <form method="get">
        <div id="containerTop">
            <input type="text" id="searchBox" name="search" autocapitalize="off" size="15" maxlength="128" />
            <input type="submit" id="send" value="ค้นหา" />
        </div>         
    </form>
</body>

期待您的回复，谢谢

【问题讨论】：

标签： iphone iphone-standalone-web-app

【解决方案1】：

“apple-mobile-web-app-capable”只有在保存到主屏幕的链接后启动 WebApp 并从新图标启动 WebApp 时才会发挥作用。

对于常规网页，您需要使用以下方法将地址栏滚动到视图之外：

<script type="text/javascript">
window.addEventListener('load', function(){ setTimeout(function(){ window.scrollTo(0,0); }, 100); }, true);
</script>

屏幕底部的导航栏对于常规网页是永久性的，但对于使用“apple-mobile-web-app-capable”元标记的 Web 应用（保存到主屏幕）来说是可移除的。

【讨论】：