1

I have an image-heavy web page that needs to be viewable offline on mobile devices.

I found a jquery plugin/tutorial do store images in local storage, but that won't work for my purposes.

Is this something that can easily be adapted to use indexeddb instead?

Also, my images will be updated periodically. Is there a way I can automatically clear the cached versions after a certain amount of time, and force the user to re-load from the web?

4

1 に答える 1

1

IndexedDB 画像を IndexedDB に保存できますが、必要に応じて画像を保存、消去、更新する必要があります。

また、モバイル デバイスで動作させる必要がある場合、現在のモバイル ブラウザーはいずれも IndexedDB をサポートしていないため、IndexedDB は必要ありません。(出典: http://caniuse.com/#feat=indexeddb )

オフライン アプリケーション 代わりに、アプリケーション キャッシュと呼ばれる新しい HTML5 機能を使用することをお勧めします。これは、ほぼすべてのブラウザーでサポートされています (出典: http://caniuse.com/#feat=offline-apps )

これを使用するには、次のような Website.manifest ファイルを作成するだけです。

CACHE MANIFEST
# v0.0.3 2011-12-21
images/ImageThatIWantToCache.png
images/SecondImage.png

次に、Web ページで html タグを次のように変更します。

<html manifest="Website.manifest">

利点: 1. ブラウザは画像を自動的にキャッシュします 2. 元の URL (つまり /images/SecondImage.png) を使用して画像にアクセスします 3. 更新ははるかに簡単です。新しい画像を Web サーバーにドロップして更新するだけですマニフェスト ファイルのバージョン番号。

Offline specの詳細を読むか、Google で例を検索してください。

于 2012-01-27T19:04:26.780 に答える