在Safari瀏覽器的iPad網站全屏

我想獲得一個運行全屏所有頁面的網站，我已經看過這裏：iPad WebApp Full Screen in Safari並跟着它，我的索引頁面很好地填充屏幕，但每當我點擊鏈接到另一個即使該頁面全部使用元標籤設置，它仍然會將鍍鉻條拉回，並且所有對齊都會熄滅。在Safari瀏覽器的iPad網站全屏

必須有一種方法，或者是一個Safari瀏覽器的限制，將在以後的修訂版中修復。

來源

2010-10-06 Liquidkristal

任何運氣找到一個solution--我試了幾個，沒什麼works-- – 2011-06-17 17:52:13

你可以嘗試這樣的事情：

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

來源

2010-12-13 20:22:28 webXL

我寫了一個jQuery插件這個確切的目的：https://github.com/mrmoses/jQuery.stayInWebApp

莫名其妙包括插件，然後像這樣運行：

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

默認情況下，它將附加到所有<a />元素。您可以傳遞不同的選擇器以將其附加到特定鏈接。例如，$.stayInWebApp('a.stay');將附加到所有的鏈接class="stay"

因爲它非常小，我通常只是將縮小版本複製到我的其他外部JavaScript文件之一來包括它，而不是必須添加另一個外部js引用。

也可在plugins.jquery.com

來源

2011-09-14 04:06:52

這不工作的人。 – Shrayas 2011-09-23 09:05:51

它適用於我，在多個項目。請提供更多詳細信息 – 2011-09-27 20:35:20

絕對有效。只需將函數放入就緒函數中，如下所示：$（document）.ready（function（）{$ .stayInWebApp（）;}）;我剛剛添加到腳本，所以我不必包含另一個js文件。 – Whiskey 2013-03-19 10:19:11

在Safari瀏覽器的iPad網站全屏

回答

相關問題