CookieStore

Baseline 2025 *

Newly available

Since ⁨June 2025⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

* Some parts of this feature may have varying levels of support.

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

Experimental:これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

CookieStore はクッキーストア API のインターフェイスで、ページまたはサービスワーカーから非同期に Cookie を取得、設定するためのメソッドを提供します。

CookieStore はWindow またはServiceWorkerGlobalScope コンテキスト内のグローバスコープの属性を介してアクセスされます。そのため、コンストラクターはありません。

メソッド

CookieStore.delete()Experimental: delete() メソッドは与えられた名前またはオプションオブジェクトを持つ Cookie を削除します。削除が完了すると解決される Promise が返されます。
CookieStore.get()Experimental: get() メソッドは与えられた名前またはオプションオブジェクトで 1 つの Cookie を取得します。1 つの Cookie の詳細に解決される Promise を返します。
CookieStore.getAll()Experimental: getAll() メソッドはマッチするすべての Cookie を取得します。Cookie のリストに解決される Promise を返します。
CookieStore.set()Experimental: set() メソッドは与えられた名前と値またはオプションオブジェクトを Cookie に設定し、Cookie が設定されると解決される Promise を返します。

イベント

changeExperimental: change イベントは、任意の Cookie に変更が加えられたときに発生します。

例

この例では、Cookie を設定し、操作が成功したか失敗したかのフィードバックをコンソールに書き込んでいます。

const day = 24 * 60 * 60 * 1000;cookieStore  .set({    name: "cookie1",    value: "cookie1-value",    expires: Date.now() + day,    domain: "example.com",  })  .then(    () => {      console.log("It worked!");    },    (reason) => {      console.error("It failed: ", reason);    },  );