ストレージAPI
ストレージオブジェクト
Web Storage APIのStorageオブジェクトは、特定のドメインのセッションストレージまたはローカルストレージへのアクセスを提供します。これにより、保存されているデータ項目の読み取り、追加、変更、および削除が可能になります。
ストレージオブジェクトのプロパティとメソッド
Property/Method | Description |
---|---|
key(n) | Returns the name of the nth key in the storage |
length | Returns the number of data items stored in the Storage object |
getItem(keyname) | Returns the value of the specified key name |
setItem(keyname, value) | Adds that key to the storage, or update that key's value if it already exists |
removeItem(keyname) | Removes that key from the storage |
clear() | Empty all key out of the storage |
Web StorageAPIの関連ページ
Property | Description |
---|---|
window.localStorage | Allows to save key/value pairs in a web browser. Stores the data with no expiration date |
window.sessionStorage | Allows to save key/value pairs in a web browser. Stores the data for one session |
クッキーとローカルストレージ
Cookieは、クライアントサーバー(ブラウザーサーバー)アプリケーション用です。
ローカルストレージは、クライアント(ブラウザー)アプリケーション用です。
クッキーはウェブサイトに関連付けられています。データがクライアント用である場合、すべてのHTTPヘッダーでCookieを送信するのは帯域幅のウエストです。
一部のユーザーは、ブラウザで原則としてCookieを無効にしています。
Cookieのサイズ制限は4キロバイトです。ローカルストレージには、ドメインあたり5メガバイトの制限があります。
Cookieには有効期限があります。ローカルストレージはそうではありません。
ブラウザのサポート
Storage API
すべてのブラウザでサポートされています:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 8-11 | Yes | Yes | Yes | Yes |