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

Question

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

我没有使用电话间隙

Answer 1

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

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

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

1）每隔x分钟向您的网络服务进行一次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完成）