Web アプリをオフラインで実行するようにしています。オフライン版を作りました。ここで、クリックしてオフライン ページに移動するための何らかのリンクをユーザーに知らせたいと思います。
ユーザーがオンラインページを閲覧しているときにオフラインページをキャッシュするにはどうすればよいですか??
アップデート:
ここに私がオンライン版で使用しているコードがあります。
setInterval(function () {
if(!navigator.onLine){
$('.status').html('<a href="offline.html">Click here to run offline version</a>');
}
}, 250);
また、offline.html には html ファイルとマニフェスト ファイルも含まれています。
<html lang="en" manifest="app.manifest">
更新#2私は自分で解決策を得ました。あなたがしなければならないことは、このようにオンライン版に次のiframeを入れることです
<body>
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe>
オフライン バージョンをキャッシュします。オフライン バージョンにマニフェスト ファイルを忘れずに追加してください。これが他の誰かにも役立つことを願っています。
ありがとう