2010-03-10 60 views
3

我正在使用jQTouch開發針對iPhone上safari優化的網站版本。 jQTouch演示有助於展示如何向不使用全屏模式的用戶顯示「安裝此」消息,並將其隱藏給那些正在使用的用戶。在全屏模式下,身體應該具有「全屏」級別。所以,你可以隱藏「安裝這個」消息誰已經加入這個CSS規則樣式表增加您的應用程序到他們的主頁人:如何在jQTouch應用程序中要求全屏模式?

body.fullscreen #home .info { 
    display: none; 
} 

我希望做的是需要用戶僅在全屏模式下使用應用程序。從常規瀏覽器查看時,他們只能看到一條消息,要求他們安裝該應用程序。該消息當然應該隱藏。

這應該是真的很容易,所以我必須失去一些明顯的東西。

我認爲這樣做的一種方法是簡單地測試身體上的「全屏」類:如果它不在那裏,可以用goTo去另一個div,或者隱藏其他div,或者類似的東西。

奇怪的是,這是行不通的。作爲測試,我仍然收到了原始的「信息」消息,如jQTouch演示中所示,並且在全屏模式下啓動時不會顯示。所以身體必須有全屏類。然而,我找不到它的任何其他痕跡:

alert($("body").attr("class")); 

我也想我可能測試:當我把這個警報測試的東西文檔加載後,我在全屏模式下啓動時,什麼也沒得到全屏模式,通過檢查fullScreen布爾值的值。但是這似乎也不起作用。我錯過了什麼?做這個的最好方式是什麼?

回答

2

嗯,我無法弄清楚,爲什麼標準的方法是行不通的,但有人對jQTouch谷歌集團提出這一點,其中的工作原理:

if (window.navigator.standalone) { 
    alert ('Thanks for launching this app your home screen') 
} else { 

    alert('Add this app to your home screen for the best experience') 

} 
相關問題