Posted at

WebStorageについて調べたよ

More than 3 years have passed since last update.


WebStorage?


  • HTML5で使えるブラウザのローカル(オフライン)でつかえるKVS(5MB)。

  • IE8以降、iOS5以降、Android3以降 で使用可能。

  • ただし、Safariのプライベートモード時は使えない。


WebStorageの種類は2つ


localStorage


  • ブラウザを閉じてもずっと残り続ける(そのかわり同じオリジン間でしか使えない)


sessionStorage


  • ブラウザを閉じるまで使える,異なるタブだと別々の* sessionStorageになる


WebStorageを使う


  • Storageのイベントを使うとタブ間でイベントを共有できる。

  • 例えば、あるタブでStorageが変更されると、他のタブで同じページを開いているとそれを検知して変更される。

  • JSONオブジェクトを保存したいときはJSON.stringify(obj)をつかってJSONオブジェクトを文字列化する。

  • 反対に取り出すときはJSON.parse(localStorage.getItem("hoge"))lとやると良い。