web-dev-qa-db-ja.com

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

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

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

HTML5 Webストレージは、新しいクライアント側のデータストレージオプションの総称です。

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

  • 「デフォルト」:名前と値のペアで物事を保存します
  • Web SQL(別名Webデータベース):SQLデータベースを使用します

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

クッキーは、上記のすべてを行う古い学校の方法です。ドメインごとに名前と値のペアを格納します。

43
DA.

さらに情報を追加したいと思います:
Cookieは4kのデータしか保存できませんが、localStorageは5mbのデータを保存できます(ブラウザによって異なります)

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

3
Arun

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

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

1
Sri

AFAIC:

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