- 早速Edgeで開発してみたら
2015年9月にWindows10が出ましたね。気になるMicrosoft Edgeいじってたら、早速予期せぬ事態が。
WebStorage(sessionStorage)の考え方が他のブラウザと違う。
まず前提としてHTML5の機能WebStorageの、特にsessionStorageは 「ブラウザのウィンドウ/タブ間でデータが共有されない」のが特徴。
ところが、タブ間で共有できることがある。
こちらのStackOverFlowがわかりやすい。
sessionStorage on new window isn't empty, when following a link with target=“_blank”
要するに「target="_blank"でタブ違うのにsessionStorage共有されるんだけど？」という内容。回答は「browsing contextの解釈の違いじゃね？」みたいな小難しい話がされてます。
上記StackOverFlowの jsFiddle を各ブラウザで試してみるとわかりやすいし面白い。私の端末(Windows10/DELL製)でさくっと試したところ、
| ブラウザ | sessionStorage |
|---|---|
| GoogleChrome 45 | 保存される |
| Firefox 41 | 保存される |
| InternetExplorer 11 | 保存されない |
| MicrosoftEdge 20 | 保存されない |
ということまでは確認できた。
localStorage使えればいいのだけれど、2窓でログインとかできなくなるから悩みどころ。
- 参考サイト
@IT ブラウザでストレージ？ Web Storageを使いこなそう
gsol-dev's blog HTML5の新機能紹介 ～WebStorage～