Toccaville

blog

session Storageを使ってみる

 Akiko Kubo

先日js-cookieを使いかけたのですが、どうも目指している実装にならないようだったので、結局session Storageを使いました。

目指していたのはsession cookieの利用で、js-cookieは下記の記述があったので、日数を書かなければ思っている挙動になるかなと思ったのですが、macのChromeではブラウザを閉じてもセッションが保たれていました。

https://github.com/js-cookie/js-cookie

 Define when the cookie will be removed. Value can be a Number which will be interpreted as days from time of creation or a Date instance. If omitted, the cookie becomes a session cookie.

下記リンクにもある通り、Chromeの設定によるものだと思うのですが、おそらくデフォルト設定がこうだし、世の中の多くの人はデフォルト設定のままですよね。。。なので、これは使わないことにしました。

https://stackoverflow.com/questions/10617954/chrome-doesnt-delete-session-cookies/10772420#10772420

そこで次に試したのがsession Strageです。こちらは「タブを閉じるまでセッション を保つ」なので、キャッシュクリアするまで、ブラウザを閉じるまでとは違います。今回はこの程度が最適だったので、使ってみました。

実際の挙動はこちらのサイトで試せて、とても参考になりました。ありがとうございます!

設定するのは

sessionStorage.setItem('キー', '値');

取得するのは

sessionStorage.getItem('キー', '値');

値を確認する時は、ChromeだったらDeveloper Toolsを開いて、ApplicationのsessionStorageで確認できました。