コメント:Webページを開き、ロード後、ネットワークが突然切断された場合、更新後にページが消えます。どうすればこの状況が起こらないようにすることができますか? HTML5の出現により、私たちは突然啓発されました。次に詳細に説明します
Webページを開き、ロード後、ネットワークが突然切断された場合、更新後にページはなくなります。ページを更新した後、今でもページになり、新しいウィンドウで別のページを開き、同じURLを入力して、ネットワークから外れている場合はページを開くと思ったことがありますか。 。 HTML5オフラインアプリケーションは、このような機能を提供しています。
ページ内のデータが読み込まれると、いくつかの画像、Flash、CSS、JS、HTML、およびその他のファイルを自分でキャッシュすることができます。ページ内のデータが次回インターネットに接続されていない場合、これらのキャッシュされたファイルを使用できます。これは、HTML5のオフラインアプリケーションです。
実際、実装するのは非常に簡単です。
サーバーが必要です。ここでは、Tomcatサーバーを使用して説明します。
まず、テキスト/キャッシュマニフェストに.manifestサフィックスを使用してファイルの鉱山タイプを構成します。
Tomcatの構成について話すとき、おなじみの友人は自然にweb.xmlファイルについて考えるでしょう。はい、次の構成をファイルに追加するだけです。
<mime-mapping>
<extension>マニフェスト</extension>
<mime-type> text/cache-manifest </mime-type>
</mime-mapping>
次に、xxx.manifestファイルを書きます。xxxは自分自身を選んだ名前です。このファイルの形式は次のとおりです。
キャッシュマニフェスト
#version 1.5
キャッシュ:
mytest.html
CSS/main.css
JavaScript/bwh5ls.js
exp-calif-logo.gif
最初の行が必要です。これは、これがマニフェスト用の構成ファイルであることを識別します。
#version 1.5
この文はコメントであり、実用的な効果はありません。ここでブラウザにキャッシュファイルを更新したいだけです。マニフェストファイルが以前と同じ場合、ブラウザはキャッシュファイルをリロードしないため、このコメントを使用して一方のバージョン番号を変更し、ブラウザに他方の手でキャッシュを更新できるためです。
キャッシュ:
この行は、次のファイルがキャッシュされることを示しています。この例では、現在のページ:mytest.html、およびいくつかのCSSおよびJSファイルと写真がキャッシュされています。
例には言及されていないいくつかのキーワードがあります。
ネットワーク:
後退する:
ネットワークとは、キャッシュしたくないページを指します。フォールバックとは、要求されたファイルが見つからない場合、またはファイルのサーバーが応答していない場合の代替案を指します。たとえば、ネストされたページをリクエストする必要がありますが、このページのサーバーが接続できないため、指定された別のページに頼ることができます。
これが2番目のステップであり、3番目のステップです。マニフェスト位置を<html>タグに追加するだけです。
<html manifest = name.manifest>
この時点で、簡単なオフラインアプリケーションを実現できます。
これらのキャッシュされたファイルはどこに配置されていますか?
Chromeでテストしたところ、これらのファイルを独自のメカニズムに従ってチャンクに保存したため、完全なファイルが見つかりませんでした。保存されたデータは次のとおりです。
c:/users/jasonling/appdata/local/google/chrome/chrome/user data/defaultに保存する方法がわかりません。
Firefoxのファイルも独自のメカニズムに従って保存されますが、SQLiteでそれらを開いた後、キャッシュされたファイルの特定の情報を見つけました。
読者が興味を持っているなら、彼らはそれを自分で試して、新しい発見があるかどうかを確認することができます。