iPad 网站在 Safari 中全屏显示答案

【问题标题】：iPad website fullscreen in SafariiPad 网站在 Safari 中全屏显示
【发布时间】：2010-10-06 16:29:06
【问题描述】：

我正在尝试建立一个对所有页面都运行全屏的网站，我已经查看了这里：iPad WebApp Full Screen in Safari 并遵循了这一点，我的索引页面很好地填满了屏幕，但是每当我点击指向另一个页面的链接时，即使该页面全部设置了元标记，它将镀铬条拉回并且所有对齐都消失了。

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

【问题讨论】：

运气好能找到解决方案--我试了好几个，都没有用--

标签： ipad fullscreen meta-tags

【解决方案1】：

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

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

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

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

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

也可以通过plugins.jquery.com获得

【讨论】：

它适用于我，适用于多个项目。请提供更多细节
绝对有效。只需将函数放入准备好的函数中，如下所示： $(document).ready(function(){ $.stayInWebApp(); });我刚刚将它添加到脚本中，因此我不必包含另一个 js 文件。
很遗憾，此代码没有开源许可证或其他，因此默认状态为受版权保护。以当前形式使用代码可能会侵犯版权。
这非常有用，感谢分享摩西。我发现我经常想将绝对网址保留在相同的目的地，所以我在插件中更改了这一行： if (!dest.match(/^http(s?)/g) || dest.lastIndexOf(location.origin, 0 ) === 0) {

【解决方案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;
                }
            }
        }
    }
}

【讨论】：