ローカル ストレージ vs セッション ストレージ vs Cookie: 違いは何ですか [パーティション マジック]

ローカル ストレージとセッション ストレージとは何ですか?違いは何ですか ローカル ストレージとセッション ストレージ 対クッキー？混乱している場合でも、心配しないでください。この投稿では、 このサイト パーティション ウィザード localstorage と sessionstorage と cookie に関するチュートリアルを提供します。





このページで :

ブラウザにデータをローカルに保存する方法はいくつかありますが、最も一般的な方法は次のとおりです。 クッキー .より詳細な情報を知りたい場合は、読み続けてください。

ローカル ストレージとは

ローカル ストレージは、Web ブラウザーでキーと値のペアの形式でクライアント コンピューターにデータを保存するのに役立つネットワーク ストレージ方式です。ユーザーがブラウザから手動でデータを削除しない限り、データはローカル ストレージに永続的に保存されます。ユーザーがウィンドウやタブを閉じても期限切れになりません。

ブラウザ内のデータには、JavaScript および HTML5 を介してのみアクセスできます。ただし、ユーザーは次のこともできます。 ブラウザのデータ/キャッシュをクリアする すべてのローカル ストレージ データを消去します。設定、取得、削除、およびクリアに使用できる 4 つのメソッドがあります。



  • setItem() メソッドを使用してローカル ストレージにデータを設定できます。このメソッドは、キーと値の 2 つのパラメーターを取ります。このメソッドを使用すると、キーを使用して値を保存できます: localStorage.setItem(key, value)。
  • そこに保存されているデータを取得するには、getItem() メソッドを使用できます: localStorage. getItem(キー)。
  • removeItem() メソッドを使用してデータを削除できます。このメソッドは、キーに関する情報をメモリに保存します: localStorage. removeItem(キー)。
  • clear() メソッドは、そこに保存されているすべてのデータをクリアするために使用されます。

セッションストレージとは?

これは、ローカル ストレージに非常に似ています。ただし、主な違いは、現在のタブが開かれるまでブラウザーに保持されるライフサイクルです。タブを閉じるか終了すると、Session Storage のデータも失われます。 Local Storage メソッドと同様に、setItem() メソッドと getItem() メソッドをそれぞれ使用して、そのデータを設定および取得することもできます。例: sessionStorage. setItem(キー、値);セッションインストレージ。 getItem(キー)。

クッキーとは？

HTML5 が導入される前は、使用できるオプションは Cookie のみでした。したがって、クライアント マシンにデータを保存する従来の方法は、データを一緒に保存することです。これは、クライアント データを保存し、ウェブサイト ユーザーにパーソナライズされたエクスペリエンスを提供するのに役立ちます。これらは、リクエストとともにサーバーに送信され、応答としてクライアントに送信されます。したがって、そのデータはリクエストごとにサーバーと交換されます。サーバーは Cookie データを使用して、パーソナライズされたコンテンツをユーザーに送信できます。



これで、Cookie、ローカル ストレージ、およびセッション ストレージの全体的な理解が得られたはずです。次のセクションでは、Cookie、ローカル ストレージ、およびセッション ストレージの違いに焦点を当てます。

このセクションでは、ストレージの制限、アクセシビリティ、および有効期限の観点から、localstorage と sessionstorage と Cookie について説明します。



保管制​​限

各ブラウザの保存方法には、特定の最大データ サイズがあります。どちらのストレージも大容量ストレージを提供します。具体的には、ローカル ストレージには最大 10 メガバイト、セッション ストレージには最大 5 メガバイトが格納されます。一方、Cookie は 4 KB という非常に限られた小さなストレージ容量しか提供しません。そのため、Cookie に大量の情報を保存することはできません。

アクセシビリティ

アクセシビリティの観点からは、Web ブラウザーで開いている任意のウィンドウまたはタブからアクセスできます。セッション ストレージは特定のセッションに関連付けられており、各タブにはセッションがあるため、データはセッション ストレージ データを設定した現在のタブでのみ使用できます。ローカル ストレージには、任意のウィンドウやタブ、またはサーバーからアクセスできます。 Cookie は、ローカル ストレージに多少似ています。

有効期限

ローカル ストレージのデータは、手動で削除するまで期限切れになりません。ユーザーがブラウザから手動で削除しない限り、データはローカル ストレージに永続的に保存されます。ユーザーがウィンドウやタブを閉じても期限切れになりません



また、セッション ストレージがタブを閉じるか終了すると、セッション ストア内のデータも失われます。

ストレージの場所

それらは別々に保管されます。クッキーはブラウザやサーバーに保存できます。また、ローカル ストレージとセッション ストレージはブラウザにのみ保存できます。