iPad网站在Safari中全屏显示

iPad网站在Safari中全屏显示,ipad,fullscreen,meta-tags,Ipad,Fullscreen,Meta Tags,我正在尝试建立一个全屏显示所有页面的网站,我在这里查看了一下:然后,我的索引页面很好地填满了屏幕,但每当我点击另一个页面的链接时,即使该页面上都设置了元标记,它也会将chrome条拉回到页面中,所有对齐都会消失 safari必须有一种方法或限制,将在以后的版本中修复。您可以尝试以下方法: if ((navigator.userAgent.indexOf('iPad') != -1)) { // for standalone (app) fulscreen mode if (win

我正在尝试建立一个全屏显示所有页面的网站,我在这里查看了一下:然后,我的索引页面很好地填满了屏幕,但每当我点击另一个页面的链接时,即使该页面上都设置了元标记,它也会将chrome条拉回到页面中,所有对齐都会消失


safari必须有一种方法或限制,将在以后的版本中修复。

您可以尝试以下方法:

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;
                }
            }
        }
    }
}
if((navigator.userAgent.indexOf('iPad')!=-1)){
//对于独立(应用程序)fulscreen模式
如果(window.innerHeight==748 | | window.innerHeight==1004){
var a=document.getElementsByTagName(“a”);
对于(变量i=0,len=a.length;i
我已经为此编写了一个jQuery插件:

以某种方式包含插件,然后按如下方式运行:

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

默认情况下,它将附加到所有

找到解决方案的任何运气上——我尝试了几个,但都不起作用——它适用于我,适用于多个项目。请提供更多详细信息和详细信息。只需将函数放入一个ready函数中,如:$(document).ready(function(){$.stayInWebApp();});我刚刚将其添加到脚本中,因此我不必包含另一个js文件。不幸的是,此代码没有开源许可证或其他许可证,因此默认状态为受版权保护。以当前形式使用代码可能会侵犯版权。这非常有用,感谢分享。我发现我经常希望保留具有相同目的地的绝对URL,因此我在插件中更改了这一行:if(!dest.match(/^http(s?)/g)| dest.lastIndexOf(location.origin,0)==0){