【2019年11月版】ブラウザ側でデータを保存するため各ブラウザにおけるローカルストレージの挙動の調査 - Qiita

概要 このドキュメントではローカルストレージの説明と、各ブラウザでの動作を検証する。 ローカルストレージとは、データをブラウザ側に蓄積する仕組みである。 保存時に、サイトごとにKeyと文字の組み合わせでデータを格納する。 サイトごとの領域は、それぞれ独立しており、別のサイトで記録したデータを操作することはできない。 また、それぞれのサイト毎に保存できる上限は制限されている。その具体的サイズはブラウザ毎にことなる。 詳細な仕様は下記を参照のこと。 https://html.spec.whatwg.org/multipage/webstorage.html#the-localstorage-attribute 実装例 下記にローカルストレージの実装例を紹介する。 localStorage APIの使用例 localStorageの操作を行うAPIの使用例を紹介する。 このAPIは、処理が完了す

[mega-ne0221]

“localStorage.clear()”

[bluezman]

ローカルストレージについて。

[side_tana]

アー

[amagitakayosi]

IE11………… “大量のデータをsetItemした場合の挙動が不安定 例： 3000文字をsetItemする。⇒イベントが発生する。 もう一度、3000文字をsetItemする。⇒イベントが発生しない 一旦、キーを削除する。⇒イベントが発生する”

[yamadar]

localStorage は、1つのキーに対するデータ量が2.5MB〜5MBという制限がある。