HTML5 WebストレージとCookie

Question

私のサイトの特定のページの初めての訪問者にメッセージを表示したい。メッセージは一度しか表示されません。

これは、クッキーを使用するのは非常に簡単ですが、HTML5 localStorageを使用するとさらにメリットがありますか？もしそうなら、それはどのように実装されますか？

Answer 1

1. HTML5 localStorageは実装するのがはるかに簡単で、多くの行を必要とせず、実装方法も簡単です。次に例を示します。http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_webstorage_local_clickcount
2. ここで説明したその他のオプションはクッキーです。 Cookieは広く使われているソリューションですが、クッキーを書くにはもっと多くの行が必要ですが、上記のように、多くの古いブラウザでクッキーが使われているという利点があります。ここではクッキーの例である： OPが劇的に変化するだけでなく、ブラウザとそれが今より多くのブラウザがHTML5をサポートする必要要件は、私がのlocalStorageを検討するとなっているという事実を考慮し、将来を見てみるとhttp://www.w3schools.com/js/tryit.asp?filename=tryjs_cookie_username

Answer 2

説明すると、ほとんど簡単になり、エラーが発生しにくく、Cookieを使用するだけです。すべてのブラウザがHTML localStorage、特にIE 7 + 8の同じ実装を持つわけではありません。しかし、それらはすべてクッキーを使用し、ブラウザ間の互換性に問題はありません。

詳細はSOこれをチェックアウト：カフオフLocal Storage, Session storage, Web storage, web database and cookies in HTML5

Answer 3

、私はおそらくクッキーをお勧めしますが、それはユーザーが使用して、どのようにあなたのメッセージをレンダリングしたいものをブラウザに依存します。

すべてのブラウザでサポートされているため、Cookieは幅広い視聴者に適しています。 IE 6や7などの古いブラウザはローカルストレージをサポートしていません。 Cookieはサーバー側でも操作できます。したがって、表示したいメッセージがサーバーサイドでレンダリングされている場合は、クッキーがより良い選択肢になります。

ローカルストレージは、JavaScriptを使用してアクセスするのが少し簡単ですが、それを使用する利点はあまりありません。

Answer 4

localstorageはユーザーのコンピュータに最大5 MBのデータを保存しますが、唯一の悪い点はストレージが永遠に存在し、期限切れにする必要がある場合はクッキーがこれを自動的に処理することです。 localStorageを使用

例：

VAR訪問=のparseInt（のlocalStorage [ "numVisits"]）。

var el = document.getElementById("cookieData"); 

if (isNaN(visits)) { 
    visits = 1; 
    el.innerHTML = "Welcome to the site!"; 
} else { 
    visits += 1; 
    el.innerHTML = "Welcome back! You've been here " + visits + " times."; 
} 

localStorage["numVisits"] = visits;