１．cacheを用いないページ
１−１．index.htmlを準備する。
<!DOCTYPE html>
<html manifest="tizen.manifest">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Offline Web Cache</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/main.js"></script>
</head>
<body>
<h1>Offline Web Cache</h1>
<p><output id="clock"></output></p>
</body>
</html>
１−２．style.cssを準備する。
* {
margin:0;padding:0
}
h1 {
font-size:1.4em;margin:10px 0 20px 10px;color:#6587ac;
}
１−３．main.jsを準備する。
setInterval(function () {
document.getElementById('clock').value = new Date();
}, 1000);
１−４．オンラインの状態で確認する。
１−５．オフラインの状態で確認する。
オフラインの為、エラーとなります。
２．cacheを実装してみる。
２−１．index.htmlのhtmlタグを書き換える
<html manifest="tizen.manifest">
２−２．tizen.manifestを準備する。
CACHE MANIFEST
CACHE:
js/main.js
css/style.css
２−３．オンラインで確認してみる。
セキュリティ確認のメッセージが表示されます
許可するとキャッシュされます。
２−４．オフラインで確認してみる。
オフラインでもキャッシュされているため、表示されます。
最終更新：2013年07月29日 01:20
