wulin.comの記事紹介(www.vevb.com):html5オフラインアプリケーション説明ここではあまり言いません。 GoogleまたはBaiduをお願いします。この記事は、オフラインアプリケーション開発を実現する方法を紹介することを目指しています
ここでオフラインアプリケーションの指示については説明しません。 GoogleまたはBaiduをお願いします。この記事は、オフラインアプリケーション開発を実現する方法を紹介することを目的としています。
ステップ1:マニフェストファイルを作成し、キャッシュファイルマニフェストを指定します。まず、TXTテキスト形式の接尾辞を使用して新しいファイルを作成でき、最初の行を作成するために記述する必要があります。
2行目はオプションでコメントの説明#version 1.0を書き込み、コメントは#で始まります。これは、バージョン番号を指定することを意味します。
3行目は、以下などの現在のファイルディレクトリに対するファイルパスで始まります。
static/img/logo.png
static/css/style.css
基本的なマニフェストファイルが記述され、このファイルの接尾辞が変更されます。マニフェスト;
ステップ2:HTMLファイルで、cache.mnifestファイルのパスとしてドキュメントのマニフェストプロパティを指定します。<html manifest = cachedata.manifest>
マニフェスト属性を追加すると、ページを読み込んだ後、キャッシュ構成ファイルのファイルはオフラインでキャッシュされ、再度更新されたときにサーバーから読み取られません。
ステップ3:APIインターフェイスを介してキャッシュを更新します。jsを使用して、window.applicationcacheを介してオフラインキャッシュオブジェクトを取得し、更新方法を呼び出します:window.applicationcache.update()を呼び出して、現在のキャッシュファイルのダウンロードを呼び出します。ダウンロードが完了すると、オフラインキャッシュオブジェクトのUpdatereadyイベントがトリガーされます。 swapcacheメソッドを実行して、キャッシュをクリアします:window.applicationcache.swapcache()。これにより、以前にロードされたリソースが突然リロードされることはありませんが、その後リクエストページを発行したリソースは最新です。
上記の3つの簡単な手順を通じて、HTML5オフラインアプリケーションを実現できます。