HTML App Cache

2024-04-162024
29.1% (106.6/366)
April
52.2% (15.6/30)
Week 16
23.8% (1.6/7)
Day 16 Tue
67.2% (16.1/24)

訪問者

total: 9726
today: 4
yesterday: 7
now: 9

↑

更新

MenuBar

App Cache とは？
MIME Type の設定
<html> タグにマニフェストファイルを指定
マニフェストファイルを作成
参考資料

App Cache とは？ †

HTML5 で導入されたコンテンツキャッシュの仕組み
オフラインでもコンテンツを使える
オンラインの場合には、キャッシュが更新されるまでサーバーからコンテンツをダウンロードしない
データだけ Ajax でとってくるような RIA*1 アプリで使う

↑

MIME Type の設定 †

/etc/httpd/conf/httpd.conf

#
# AddType allows you to add to or override the MIME configuration
# file mime.types for specific file types.
#
#AddType application/x-tar .tgz
AddType text/cache-manifest .appcache

↑

<html> タグにマニフェストファイルを指定 †

index.html

<!DOCTYPE html>
<html manifest="orb.appcache">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
...

↑

マニフェストファイルを作成 †

orb.appcache

CACHE MANIFEST
#2012-11-19 01:23

CACHE:
apad.png
draw.text.js
enchant.js
excanvas.js
font.png
index.html
jquery.js
jquery.pubsub.js
...

$ ls -la | awk '{print $8}' >> orb.appcache とか
ヘッダ
```
CACHE MANIFEST
#2012-11-19 01:23
```
#以下は、コメント。ブラウザは、マニフェストファイル (orb.appcache) が変更されていると、CACHE されている資産の再読込を行うので、マニフェストファイルに更新時刻を書いておくのが定石らしい
CACHE: ブラウザにキャッシュする資産
NETWORK: サーバにアクセスする必要のある資産
FALLBACK: NETWORK で指定された資産が無い場合に表示するページ

↑

参考資料 †

アプリケーションキャッシュを初めて使う、HTML5 ROCKS チュートリアル、 Eric Bidelman、2011、http://www.html5rocks.com/ja/tutorials/appcache/beginner/
[HTML5] アプリケーションキャッシュの使い方、WebTecNote?、http://tenderfeel.xsrv.jp/html-xhtml/html5-html-xhtml/1172/

HTML

目次

訪問者

更新

最新の10件

人気の10件

MenuBar

App Cache とは？ †

MIME Type の設定 †

<html> タグにマニフェストファイルを指定 †

マニフェストファイルを作成 †

参考資料 †