2011-06-22 65 views
11

所以你可以使一個網站「全屏」,並隱藏iPad上的地址欄/鉻,如果用戶添加您的網頁到他們的主屏幕,這使得一個圖標主屏幕,他們啓動您的網站。你只要把一些meta標籤是這樣的:是否可以隱藏iOS瀏覽器鉻在一個正常的網頁

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" /> 

然而,當網頁是在一個正常的瀏覽會話我一直沒能得到一個網站隱藏chrome瀏覽器(用戶未啓動您的網站直接從他們的主屏幕上的圖標)。是否有可能這樣做?怎麼樣?

+0

我認爲你想要說移動Gmail的行爲,但不必在你的主屏幕上有一個圖標...正確嗎? - 根據我在這裏閱讀的內容:http://daringfireball.net/linked/2008/10/03/fullscreen-iphone-web-apps它只適用於有主屏幕圖標的情況。 – scunliffe

+0

Gmail在某種程度上做到了這一點。您仍然可以用兩根手指向下滑動將地址欄滾動到視圖中。現在看看他們的方法。 – Marcel

+0

@scunliffe:Jinx! – Marcel

回答

8

根據Apple Docs它沒有具體說你不能(不過,正如你所指出的,它似乎只是當網站已被添加到你的主屏幕時的行爲)。

我還注意到,在Apple Support Forum的共識似乎是,你需要從主屏幕啓動,以獲得預期的效果。從文檔

報價:

apple-mobile-web-app-capable 

集的Web應用程序是否在全屏模式下運行。

語法

<meta name="apple-mobile-web-app-capable" content="yes"> 

討論

如果內容被設置爲yes,Web應用程序在全屏模式下運行;否則,它不會。默認行爲是使用Safari來顯示網頁內容。

您可以使用window.navigator.standalone只讀布爾JavaScript屬性確定網頁是否以全屏模式顯示。

可用性

可提供的iOS 2.1及更高版本。

3

我發現這個工作,

$('body').delay('1000').animate({ scrollTop: '0px' }, 'slow'); 

我注意到,向下滾動刪除它,所以滾動60像素(鉻的高度),但其隱藏和向下滾動頁面,而是滾動的0px,假設你的頁面已經開始在頂部(而不是在#目標),愚弄它!

我想你甚至可以刪除延遲和動畫,但我希望它是光滑的,而不是太生澀。

+0

這是一個甜蜜的伎倆! –

+0

這似乎不工作了(我正在使用iOS 8)。 – Blazemonger

+0

這不適用於iOS 9.3.1 - Safari – evolutionxbox

相關問題