特に難しいことはないけど、メモ。基本的にJavaScriptからの操作です。
基本的な性質
- 5 ~ 10MBの容量が入る（ちなみにcookieは4K程度）
- cookieと同様？ドメイン制約はある（当然）
- 消さなければ半永久的に残る
使えるか使えないか
まあ、2017年だと普通に使えるけど。念のため。
if(window.localStorage) alert("使える");
書込み
基本はsetItem()。
localStorage.setItem("name","hoge");
localStorage.email = "foo@foo.com"; //setItem("email","foo")と同義
取得
基本はgetItem()。
localStorage.getItem("name");
console.log(localStorage.email);
もちろんcosole.log()は必須じゃないです。念のため。
一覧取得
いろいろな取得方法ありますが、誰が見てもわかりやすいやつ。
for(key in localStorage){
console.log(key);
}
このループを回すとweblioObjeFlgというkeyでデータが作られてしまうようです。。。Google先生に聞いてもよくわからない。なんだろう。
keyの数の取得
いくつのkeyが存在しているか。
console.log(localStorage.length)
上記の通り、勝手に作られるものもあるので注意。
消去（個別）
keyを指定して削除。
localStorage.removeItem("name");
消去（全部）
全クリア。
localStorage.clear();