html 5のappcache
HTML 5から、.html、.css、.js、.pngなどのページリソースのキャッシュをサポートし、オフラインアプリケーションを実現
手順は次のとおりです.
1、appcacheリストファイルの準備
インベントリファイルは任意の拡張子を使用できます.手順2でweb serverに登録するだけでいいです.
ここではdemoと名付けられています.appcache、ファイル内容は
2、appcacheリストファイルのMIMEを登録する
tomcatの場合、%TOMCAT_HOME%/conf/web.xmlでの構成
3、キャッシュするhtmlにリストファイルを関連付ける
4、プログラミング(javascript)制御アプリケーションCacheオブジェクト
5、効果
上記の構成により、5.htmlページ関連のリソースはApplicationCache対応のブラウザにキャッシュされ、オフライン操作がサポートされます
ApplicationCacheオブジェクトについては、実際には別のAPIがあります.ステータスやイベントバインドなどをサポートしています.詳細なドキュメントは、次のを参照してください.
1
http://www.thecssninja.com/javascript/how-to-create-offline-webapps-on-the-iphone
2
http://www.w3schools.com/html/html5_app_cache.asp
手順は次のとおりです.
1、appcacheリストファイルの準備
インベントリファイルは任意の拡張子を使用できます.手順2でweb serverに登録するだけでいいです.
ここではdemoと名付けられています.appcache、ファイル内容は
CACHE MANIFEST
CACHE:
5.html
5.css
jquery-1.8.0.js
5.js
2、appcacheリストファイルのMIMEを登録する
tomcatの場合、%TOMCAT_HOME%/conf/web.xmlでの構成
<mime-mapping>
<extension>appcache</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
3、キャッシュするhtmlにリストファイルを関連付ける
<!DOCTYPE html>
<html manifest="demo.appcache">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="5.css" />
<script type="text/javascript" src="jquery-1.8.0.js"></script>
<script type="text/javascript" src="5.js"></script>
<title>5</title>
</head>
<body>
<div id="myDiv">hello world</div>
<button id="btn">run</button>
</body>
</html>
4、プログラミング(javascript)制御アプリケーションCacheオブジェクト
$(document).ready(function() {
$("#btn").click(showCache);
function showCache(){
alert(applicationCache.status);
applicationCache.update();
}
});
5、効果
上記の構成により、5.htmlページ関連のリソースはApplicationCache対応のブラウザにキャッシュされ、オフライン操作がサポートされます
ApplicationCacheオブジェクトについては、実際には別のAPIがあります.ステータスやイベントバインドなどをサポートしています.詳細なドキュメントは、次のを参照してください.
1
http://www.thecssninja.com/javascript/how-to-create-offline-webapps-on-the-iphone
2
http://www.w3schools.com/html/html5_app_cache.asp