HTML5のローカルストレージ、セッションストレージ、Webストレージ、Webデータベース、Cookie

Question

これらの概念の違いは何ですか、そして特にそれをいつ使用する必要がありますか？このリストには、同じ一般的な概念の異なる名前も含まれていますか？

• HTML5ローカルストレージ
• HTML5セッションストレージ
• HTML5 Webストレージ
• HTML5 Webデータベース
• クッキー

Answer 1

HTML5 Webストレージは、新しいクライアント側のデータストレージオプションの一般的な傘用語です。

ローカルストレージは永続的であり、ドメインにスコープされています。現時点では、通常、2つのフレーバーが言及されています。

• 「デフォルト」：名前/値のペアに物事を保存します
• Web SQL（別名Webデータベース）：SQLデータベースを使用します

セッションストレージは永続的ではなく、現在のウィンドウにのみスコープされています。

クッキーは、上記のすべてを行う古い学校の方法です。ドメインあたりの名前/値ペアを保存します。

Answer 2

情報を追加したい：
Cookieは4kのデータしか保存できませんが、 localStorage 5MBのデータを保存できます（ブラウザに応じて）

ウェブサイトはブラウザにCookieを保存し、次回はブラウザがそれを送信します cookie サーバー側を使用するHTTP要求とともに。 Cookieは、サーバーで使用されることを目的としています。と localStorage, 、より多くのデータを保存できますが、デフォルトではクライアントに制限されています。

Answer 3

セッションストレージ：ユーザーが単一のトランザクションを実行している場所でセッションストレージが導入されますが、同時に異なるウィンドウで複数のトランザクションを実行する可能性があります。ウィンドウを閉じると、セッションが終了します。

ローカルストレージ：ローカルストレージはドメインに固有のものであり、複数のウィンドウにまたがるように導入されています。Cookieの場合のように時間制限はありません。ユーザーのメールボックスなど、最大5MBのストレージを保存できます。

Answer 4

AFAIC：

1. CookieはCookieあたり4Kで、ローカルストレージはドメインあたり5Kです。
2. Cookieの存在時間制限とSorageは、データ用のクライアント側のプロトコルおよびドメイン固有のビンです。

Answer 5

ユーザーがヨーロッパにあるかどうかを考慮すべきもう1つの大きなことは、Cookieがヨーロッパで違法であることです。 https://www.sitepoint.com/europe-website-cookie-privacy-law/