コメント：今日のコンテンツは、オフラインのWebアプリケーションの作成方法に関するものです。利点は、ユーザーがオフライン中に通常のサイトを使用できるように、ブラウザが指定したWebリソースをダウンロードできることです。
今日、私たちのコンテンツは、オフラインのWebアプリケーションを作成する方法に関するものです。利点は、ブラウザが指定したWebリソースをダウンロードして、ユーザーがオフライン中にサイトを正常に使用できるようにできることです。
1。マニフェストを定義します
マニフェストを使用して、オフライン時にアクセスする必要があるリソースをリストします。それ自体はテキストタイプのファイルです。多くの場合、最初の行はマニフェストをキャッシュし、1行ごとに必要なリソースをリストします。ファイルの固定命名ルールはなく、接尾辞名の要件はありません。唯一の要件は、サーバー側の接尾辞名をMIMEタイプのテキスト/キャッシュマニフェストとして定義することです。
IIS 7サーバーの場合は、以下の手順に従ってください。
1.たとえば、接尾辞が.appcacheの場合、iis7を開き、ルートノードを選択します（これはすべてのサイトから継承され、単一のサイトで構成することもできます）。
2。右側のMIMEタイプをダブルクリックします。
3.右クリックしてMIMEタイプを追加して、構成が完了するようにします。
サーバーの構成が完了したら、マニフェストファイルを追加します。
キャッシュマニフェスト
manifestfile.html
IMG/1.jpg
IMG/2.jpg
IMG/3.jpg
次に、次の例を見てみましょう。
<！doctype html>
<html manifest = "manifest.appcache">
<head>
<title>例</title>
<style>
IMG
{
ボーダー：中程度のダブルブラック。
パディング：5px;
マージン：5px;
}
</style>
</head>
<body>
<img src = "img /1.jpg" />
<div>
<ボタン> car1 </button>
<ボタン> car2 </button>
<ボタン> car3 </button>
</div>
<スクリプト>
var bottons = document.getElementsByTagname（ 'Button'）;
for（var i = 0; i <bottons.length; i ++）{
ボタン[i] .onclick = handlebuttonpress;
}
function handlebuttonpress（e）{
document.getElementById（ 'imgtarget'）。src = 'img/' + e.target.id + '.jpg';
}
</script>
</body>
</html>
ブラウザに応じてプログラムが実行されると、一部のブラウザは、オフラインデータをローカルに保存できるかどうかを尋ねますが、一部はそうではありません。このような簡単なオフラインアプリケーションが作成されます。
2。疑いへの答え
また、次のような知識のこの部分を学ぶとき、いくつかの問題や疑問にも遭遇しました。
1.なぜVS2010を直接実行しているのか（開発環境）、オフラインアプリケーションが正しく実行されないのですか？
2。オフラインアプリケーションが正常に作成されたかどうかをどのようにして知ることができますか？
3.現在のアプリケーションがオフラインであるかどうかはどうすればわかりますか？
4。IISサービスを一時停止した後、オフラインにする必要があります。ページを更新するときに404エラーを報告するのはなぜですか？
今、私は遭遇したこれらの質問に答えます。
2.1。最初に最初の質問を説明してください。この問題に関して、重要なポイントは、アプリケーションWeb構成アイテムの構成方法です。 VS開発サーバーの形式を使用する場合、MIMEタイプを設定する方法はありません。この場合、オフラインアプリケーションを使用できません。残りの2つのWeb構成方法については、上記で紹介したMIMEタイプの方法に従ってIISサーバーを構成するために、オフラインアプリケーションが正しく実行されます。
2.2。 2番目の問題を以下に説明します。ここでは、Chromeブラウザのデバッグツールを使用し、Chromeブラウザを使用してWebプログラムを開き、F12を押し、[リソース]タブに切り替える必要があります。設定情報がアプリケーションキャッシュの下で見つかり、キャッシュされたファイルが見つかる限り、オフラインアプリケーションが正常に作成されたことを証明しています。
2.3。または、Chromeのデバッグツールを使用するか、[リソース]タブで、赤いコイルがオンラインでオンラインであることを意味します。
ネットワークケーブルのプラグを抜き、オフラインで表示することを意味します。現時点では、オフラインアプリケーションの効果を表示できます。
2.4。最後の質問については、Chromeブラウザーのデバッグツールを使用する必要があります。 IISサービスを一時停止すると、[リソース]タブの表示を確認します。まだオンラインですが、後でアイドルから廃止されます。これは、ローカルIIが一時停止したときにオフラインアプリケーションのオフライン効果を表示できない理由も説明します。
これはこのセクションの内容です。