Firefox バージョン 32.0 と Chrome バージョン 36.0 を使用しています。クライアント側の永続的なjson データ ストアに Lawnchair を使用したいと考えています。次のように、HTML を作成して試してみました。
<!DOCTYPE html>
<html>
<head>
<title>my osim app</title>
</head>
<body>
<div id="visit-times"/>
<script src="http://brian.io/lawnchair/downloads/lawnchair-0.6.1.min.js"></script>
<script>
var store = new Lawnchair({ name: 'testing' }, function (store) {
store.get('counter', function (cnt) {
if (!cnt) {
cnt = { key: 'counter', val: 1 }
}
else {
cnt.val++;
}
store.save(cnt);
document.getElementById("visit-times").textContent = "You visited this page " + cnt.val + " times.";
});
});
</script>
</body>
</html>
この HTML ファイル (IIS 開発サーバーにある) を両方のブラウザーで開くと、カウント 1 が表示され、更新するとカウントが増加します。ただし、ブラウザーを閉じて再度開くと、カウンターは再び 1 から始まります。
このデータを作成したファイルだけでなく、同じドメイン/サブドメインでホストされている他のファイルでも使用したいと考えています。
永続的なクライアント側のデータ ストアを作成する方法を教えてください。