在Safari浏览器的iPad网站全屏

Question

我想获得一个运行全屏所有页面的网站，我已经看过这里：iPad WebApp Full Screen in Safari并跟着它，我的索引页面很好地填充屏幕，但每当我点击链接到另一个即使该页面全部使用元标签设置，它仍然会将镀铬条拉回，并且所有对齐都会熄灭。

必须有一种方法，或者是一个Safari浏览器的限制，将在以后的修订版中修复。

Answer 1

你可以尝试这样的事情：

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; 
       } 
      } 
     } 
    } 
} 

Answer 2

我写了一个jQuery插件这个确切的目的：https://github.com/mrmoses/jQuery.stayInWebApp

莫名其妙包括插件，然后像这样运行：

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

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

因为它非常小，我通常只是将缩小版本复制到我的其他外部JavaScript文件之一来包括它，而不是必须添加另一个外部js引用。

也可在plugins.jquery.com