iPhone手机网页+去除Safari界面栏

Question

有人知道如何在Safari iPhone上移除顶部和底部的栏吗？我正在编写这个移动网页，但是无法摆脱导航栏。这是否可能？

谢谢。

- user281300

Answer 1

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

<!-- this is the part responsible for hidding the bottom bar -->
<meta name="apple-mobile-web-app-capable" content="yes" />

<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

唯一的问题是它只能在用户将链接保存到其 iPhone 桌面后才能使用。

希望这解决了您的问题。

- mdikici

Answer 2

您无法从Safari应用程序的顶部和底部删除工具栏。我见过一些嵌入Safari的应用程序没有这两个工具栏，但是您不能使用JavaScript或页面中的元数据标记来实现此操作。

更新

有一个技巧可以通过滚动页面来隐藏地址栏。类似于这样：

<script type="application/x-javascript">
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar(){
        window.scrollTo(0,1);
    }
</script>

- Roman

---

谢谢，我可以移除顶部栏，但导航栏是不行的 :-( 。无论如何还是谢谢。 - user281300

Answer 3

您可以在头部中包含<meta name="apple-mobile-web-app-capable" content="yes" />。这将在应用程序被添加到主屏幕时删除两个条。

如果您想要在移动Safari中删除顶部栏，请使用Am发布的代码。

- Rengers

---

谢谢，我也加上了。不幸的是，当应用程序未被添加为书签时，没有办法摆脱那个导航栏 :( - user281300