0

単一の html ページで html5 オフライン アプリケーションを適用しようとしています。Google、Jquery、またはオフライン キャッシュを簡単に有効にできるその他のサービス プロバイダーによる1 行のリンク API (Google マップ リンクを使用するようなもの)はありますか? 私はhtml5とJavascriptが初めてで、助けてください。

どうもありがとう。

4

2 に答える 2

3

ワンリンクのインクルージョンほど簡単ではありません。最低限、マニフェスト ファイルが必要です。このファイルは、どのファイルをキャッシュする必要があるかをアプリケーションに伝えます。詳細については、こちらをご覧ください。マニフェスト ファイルの内容のサンプルを次に示します。

マニフェストの内容

CACHE MANIFEST
/clock.css
/clock.js
/clock-face.jpg

また、こちらのマニフェスト/オフライン アプリケーションに関する非常に優れたチュートリアルを読むこともできます。

マニフェスト ファイルを配置したら、次のコードを使用してマニフェストをテストし、何がキャッシュされ、何がキャッシュされていないかなどをテストできます。

デバッグ コード:

var cacheStatusValues = [];
cacheStatusValues[0] = 'uncached';
cacheStatusValues[1] = 'idle';
cacheStatusValues[2] = 'checking';
cacheStatusValues[3] = 'downloading';
cacheStatusValues[4] = 'updateready';
cacheStatusValues[5] = 'obsolete';

// Listeners for all possible events
var cache = window.applicationCache;
cache.addEventListener('cached', logEvent, false);
cache.addEventListener('checking', logEvent, false);
cache.addEventListener('downloading', logEvent, false);
cache.addEventListener('error', logEvent, false);
cache.addEventListener('noupdate', logEvent, false);
cache.addEventListener('obsolete', logEvent, false);
cache.addEventListener('progress', logEvent, false);
cache.addEventListener('updateready', logEvent, false);

// Log every event to the console
function logEvent(e) {
    var online, status, type, message;
    online = (navigator.onLine) ? 'yes' : 'no';
    status = cacheStatusValues[cache.status];
    type = e.type;
    message = 'online: ' + online;
    message+= ', event: ' + type;
    message+= ', status: ' + status;
    if (type == 'error' && navigator.onLine) {
        message+= ' (prolly a syntax error in manifest)';
    }
    console.log(message);
}

// Swap in newly downloaded files when update is ready
window.applicationCache.addEventListener(
    'updateready', 
    function(){
        window.applicationCache.swapCache();
        console.log('swap cache has been called');
    }, 
    false
);

お役に立てれば。

于 2011-02-22T15:29:46.397 に答える
1

一般に、html5 のオフライン機能は、アプリ内のどのリソースをブラウザーでキャッシュする必要があるかを記述したマニフェスト ファイルを作成することで有効になります。

これを読む

http://www.webreference.com/authoring/languages/html/HTML5-Application-Caching/

「html5マニフェスト」の一般的なGoogle検索も。

1 ページのアプリケーションがどれほどの利益をもたらすかはわかりません。メリットを得るには、アプリがオフラインで機能できる必要があります。たとえば、電子メール RIA を使用すると、オフラインでメッセージを作成し、オンラインになってメッセージを送信できるようになるまでローカル ストレージに保存できます。同様に、オフライン時にメッセージを確認できるように、オンライン時にメールを読み込んで保存することもできます...

于 2011-02-22T15:29:30.947 に答える