2013-05-21 166 views
-5

我正在讓我的網絡應用程序離線運行。我做了一個離線版本。現在,我想讓用戶知道某種鏈接點擊脫機頁面。當用戶離線時運行離線網絡應用程序

如何緩存離線頁面而用戶正在瀏覽在線頁面?

更新:

這裏是我正在使用的在線版本的代碼。

setInterval(function() { 
if(!navigator.onLine){ 
$('.status').html('<a href="offline.html">Click here to run offline version</a>'); 
} 
}, 250); 

and offline.html還包含html文件和清單文件。

<html lang="en" manifest="app.manifest"> 

UPDATE#2 我自己得到了解決方案。你需要做的是,把下面的iframe放在這樣的在線版本中

<body> 
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe> 

它會緩存離線版本。請記住在離線版本中添加清單文件。希望這對其他人也有幫助。

謝謝

+0

任何代碼向我們展示? –

+0

@ChrisChambers補充說,謝謝。 – hiddenpearls

回答

1

我自己得到了解決方案。你需要做的是,把下面的iframe放在這樣的在線版本中

<body> 
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe> 

它會緩存離線版本。請記住在離線版本中添加清單文件。希望這對其他人也有幫助。