帶有jQuerymobile離線啟動頁面的主屏幕上的iPhone HTML5網站？

Question

如果用戶處於脫機狀態，如何向用戶加載啟動畫面？ 我希望它在初始加載圖像后顯示，我有一個頁面名為god-offline.jsp，但是如何檢測用戶是否在mobileinit上離線？

我沒有使用電話間隙

Answer 1

您需要確定離線對您的業務流程意味着什么。 這聽起來可能很愚蠢，但這取決於您的應用程序想要做什么。 例如：

您的應用實際上要處於脫機狀態而無法訪問其他網站時是否要脫機，或者在無法訪問您的Web服務時希望處於脫機狀態。

假設您要測試與您的Web服務之間沒有連接，我建議以下內容：

1）每隔x分鍾對您的Web服務進行ajax調用，以檢查其是否仍然在線2）制定一種通用方法來處理超時（如果您的應用程序認為其在線且處於離線狀態）。 3）做到這一點，以便當您的應用程序處於脫機狀態時，它通過執行與步驟1類似的步驟來嘗試在后台恢復聯機。

要使用JQuery執行Ajax，請參見： http : //api.jquery.com/jQuery.ajax/

請注意，如果您需要跨域json（可能需要也可能不需要），則需要使用iframe研究CORS / JSON-P / XSS。

Answer 2

使用javascript非常簡單。

if(navigator.onLine)
{
 //online code here
}else{
 //offline code here
}

（使用jQ mobile完成）