localStorageのPCでの表示確認と格納場所（IE、EDGE、Chrome、Firefox）＋1024文字制限

技術

IEがどこにも乗っていなかったのでメモメモ。

各ブラウザでlocalStorage（ローカルストレージ・DOMストレージ）を使用すると、ローカルフォルダにデータが格納されます。
これによってブラウザを閉じてもデータが残り、いつでも使える仕組みになっているんですね。
キャッシュと同じ感じ。

Windwsでは大体いつもの場所に格納されます。
ブラウザのバージョンやOSバージョンが変わると、格納場所が変わってしまうことがあるので、必ずここに！というものではないのですが…
一旦現状の最新場所を書いておきます。（IEはどこにも乗っていなかったので）
※Macとかiosはしらないです…需要もなさそうだし。

■localStorageの格納場所

調べたのはWin7ですが、Win10でも同様だとおもいます。
基本は保護されたシステムフォルダになっているので、フォルダーオプションでチェックを外さないと表示できません。

・IE（11）

C:\Users\[ユーザ名]\AppData\LocalLow\Microsoft\Internet Explorer\DOMStore\[最新フォルダの中]\
C:\Users\[ユーザ名]\AppData\Local\Microsoft\Internet Explorer\DOMStore\[最新フォルダの中]\

ローカルストレージを保存した日ごとにフォルダが作られます。IE8～11はこの辺りにあるとおもいます。
Win7では「LocalLow」フォルダにあることに注意してください。（他のブラウザは大体Localフォルダに入っている）
「LocalLow」フォルダにない場合（Win10など）は「Local」フォルダに入っているようです

・Edge

C:\Users\[ユーザ名]\AppData\Local\Packages\Microsoft.MicrosoftEdge_[番号]\AC\[#!001]\MicrosoftEdge\User\Default\DOMStore\[最新フォルダの中]\

エッジはIEと同じような仕組みです。場所がわかりづらい…
ACのあとは#!001となっていましたが、複数ユーザの場合はそれぞれにフォルダがあります。

・Google Chrome（GC）

C:\Users\[ユーザ名]\AppData\Local\Google\Chrome\User Data\[Profile 1]\Cache\

ユーザごとに格納されています。他のデータと一緒に格納されているのと、暗号化されているようで中はよくわかりません。

・Firefox（FF）

C:\Users\[ユーザ名]\AppData\Local\Mozilla\Firefox\Profiles\[番号]\cache2\entries\

GCと同じく他のデータと一緒に格納されているのと、暗号化されているようで中はよくわかりません。

・その他ブラウザ

おそらく同じような箇所にあります。
AppData\Localフォルダ内にブラウザの名前が付いたフォルダがあるとおもうので、その中に格納されているとおもいます。

■localStorageの表示確認方法

ブラウザの開発ツールを使用するのが一般的です。
コンソールに以下を打ち込めば出てきます。

localStorage

GCなどではApplicationタブにLocal Storageがあるので確認できます。

ただしIEだけは注意が必要で、一つの変数で確認できるのは最大1024文字までです。
これはコンソール上で確認できる最大数であり、実際には1024文字以上も格納できますし、それを使用することもできます。
格納場所を調べてみれば、1024文字以上格納されているのを確認できるはずです。
IEブラウザ上での正確な確認方法は…たぶんないかとおもいます。
気になる方は変数を分けることで解決はしますが、あまりお勧めはしません（local1=前半、local2=後半）

なおEdgeは1024文字以上でも表示できますので、IE早く滅びてください。