Question

在我的jQuery Mobile项目中，我使用以下代码：

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">

我正在获取Safari浏览器地址栏和导航页脚。如何隐藏这些内容，以便我可以显示我的应用程序？

Answer 1

您可以设置一些元标记来告诉iOS您的网站可以作为网络应用添加到主屏幕。从那里启动后，所有Safari元素都被隐藏。

查看标题为“隐藏Safari用户界面组件”的部分here。

您可以为主屏幕上显示的应用指定启动启动画面图像和自定义图标。

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<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="apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png" />
<link rel="apple-touch-startup-image" href="apple-touch-startup-image-320x460.png" />
<link rel="apple-touch-startup-image" sizes="768x1004" href="apple-touch-startup-image-768x1004.png" />

Answer 2

您不需要<meta>标记。 jQuery mobile应该负责隐藏iOS上的地址栏。从来没有能够让导航页脚自行消失。

Answer 3

罗布尝试添加以下脚本。这应该可以在同一窗口中打开新请求

<script type="text/javascript">
    window.onload = function () {
        var a = document.getElementsByTagName("a");
        for (var i = 0; i < a.length; i++) {
            if (a[i].className.match("noeffect")) {
                // Does nothing
            }
            else {
                a[i].onclick = function () {
                    window.location = this.getAttribute("href");
                    return false;
                };
            }
        }
    };
</script>

隐藏Safari地址栏和页脚

3 个答案: