2

JavaScript と jQuery を使用して作成された単純な Web サイトがあります。Web サイトには 4 つの Web ページが含まれており、Web サーバーでホストされています。問題は、サーバーにアクセスできない場合 (Wi-Fi がない場合など) に、これらの 4 つのページをナビゲートできるようにすることです。私がページをリンクしている方法（それが効果がある場合）は使用しています

window.location.href="page1.html";

ホームページ上のボタンの 1 つのクリック機能も同様です。

    $("#btnOne").click(function() {
window.location.href="page1.html";
return false;   
});

post を使用することを考えましたが、jQuery Web サイトでは、「POST でフェッチされたページはキャッシュされません」と表示されます。

私が望むことを達成するための効果的な方法はありますか? ページをブラウザにキャッシュして、オフラインで使用できるようにしますか?

    CACHE MANIFEST
 # 01-AUG-13 215 
CACHE:

css/stylesheet.css
css/custom-theme/jquery.mobile-1.3.2.min.css
home.html
page1.html
page2.html
js/jquery-1.9.1.min.js


    <!DOCTYPE html>
<html manifest="cache.manifest">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>

</head>
4

2 に答える 2

5

あなたが望むのはHTML5 appcacheのように聞こえます:

<html manifest="example.appcache">
  ...
</html>

これにより、サイトのマニフェストを指定し、どのページをキャッシュする必要があるかなどを指定できます.

マニフェスト ファイルで、キャッシュするリソースを指定します...

CACHE MANIFEST
# v1 2011-08-14
# This is another comment
index.html
cache.html
style.css
image1.png

# Use from network if available
NETWORK:
network.html

# Fallback content
FALLBACK:
/ fallback.html

HTML5 Rocksに関する非常に詳細な情報と、遭遇する可能性のある技術的な落とし穴があります。

于 2013-08-28T13:07:41.343 に答える