Question

我正在尝试获得一个全屏运行所有页面的网站，我已经查看了这里：iPad WebApp Full Screen in Safari然后按照这个并且我的索引页面很好地填充了屏幕，但每当我点击指向另一个页面的链接时即使该页面全部使用元标记进行设置，它也会将铬条拉回来并且所有对齐都会消失。

必须有一种方式，或者是在后期版本中修复的safari限制。

Answer 1

我为此目的编写了一个jQuery插件：https://github.com/mrmoses/jQuery.stayInWebApp

以某种方式包含插件，然后像这样运行：

$(function() {
    $.stayInWebApp();
});

默认情况下，它会附加到所有<a />个元素。您可以传递不同的选择器以将其附加到特定链接。例如，$.stayInWebApp('a.stay');将附加到具有class="stay"

的所有链接

因为它太小了，我通常只是将缩小版本复制到我的其他外部javascript文件中以包含它，而不是必须添加另一个外部js引用。

也可在plugins.jquery.com

上找到

Answer 2

您可以尝试这样的事情：

if ((navigator.userAgent.indexOf('iPad') != -1)) {
    // for standalone (app) fulscreen mode
    if (window.innerHeight == 748 || window.innerHeight == 1004) { 
        var a = document.getElementsByTagName("a");
        for (var i = 0, len = a.length; i < len; i++) {
            if (a[i].getAttribute("href");) {
                a[i].onclick = function() {
                    window.location = this.getAttribute("href");
                    return false;
                }
            }
        }
    }
}

iPad网站全屏在Safari中

2 个答案: