主屏幕上的iPhone HTML5网站与jQuery移动离线启动页面?

时间:2011-12-15 01:06:24

标签: iphone html5 jquery-mobile

如果用户离线,如何向用户加载启动?我希望它在初始加载图像后显示,我有一个名为gone-offline.jsp的页面但是如何检测用户是否在mobileinit上脱机?

我没有使用电话间隙

2 个答案:

答案 0 :(得分:1)

您需要确定离线对您的业务范围的意义。这可能听起来很愚蠢,但这取决于你的应用程序想要做什么。例如:

您的应用是否希望在实际离线时无法访问其他网站,或者在无法访问您的网络服务时希望处于脱机状态。

假设您要测试没有与您的Web服务的连接,我建议您使用以下内容:

1)每隔x分钟向您的网络服务进行一次ajax调用,以检查它是否仍在线 2)如果您的应用程序认为其在线并且处于脱机状态,请制定一种处理超时的常用方法。 3)使其成为当您的应用程序处于脱机状态时,它会尝试通过执行与步骤1类似的步骤在后台重新联机。

要使用JQuery执行ajax,请参阅:http://api.jquery.com/jQuery.ajax/

请注意,如果您需要跨域json(您可能会或可能不会),那么您将需要使用iframe调查CORS / JSON-P / XSS。

答案 1 :(得分:0)

使用javascript非常简单。

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

(使用jQ mobile完成)