๐ Cookie API Reference
Complete API documentation for managing cookies, storage, and web context interactions.
๐ Core Cookie Methods
๐ช
document.cookie
Get or set cookie values in the current document context.
// Get all cookies const cookies = document.cookie; // Set a secure cookie document.cookie = "user=email; expires=Thu, 1 Jan 2026 00:00:00 GMT; path=/; Secure; HttpOnly; SameSite=Strict";
๐
navigator.cookieEnabled
Check if cookies are enabled in the user's browser context.
if (navigator.cookieEnabled) { console.log("Cookies are enabled. You can proceed."); } else { console.warn("Cookies are disabled. Please enable for full functionality."); }
API
CookieStore API
Modern browser API for managing cookies securely across origins.
// Get all cookies for current origin CookieStore.getAll().then(cookies => { console.log("Stored cookies:", cookies); return cookies.find(c => c.name === "auth_token"); }); // Set a cookie securely navigator.cookieStore.set({ name: "auth_token", value: "123456789", expires: Date.now() + 3600000, // 1 hour path: "/", secure: true, sameSite: "strict" });
๐งช
Event Listeners
Monitor changes to cookies with modern event handling.
// Watch for changes navigator.cookieStore.addEventListener("change", event => { if (event.changed) { console.log("Cookie changed:", event.changed); } else if (event.deleted) { console.log("Cookie deleted:", event.deleted); } });
๐ช Cookie Flags Reference
HttpOnly
Prevents client-side script access to cookie data. Essential for secure session tokens.
Secure
Requires HTTPS to transmit cookie. Always specify for production environments.
SameSite
Controls cookie behavior for cross-site requests. Values: Strict, Lax, None.
Partitioned
Limits cookie access to the top-level site. Prevents cross-site tracking.
๐ Browser Support Matrix
Feature | Chrome | Firefox | Safari | Edge | Opera |
---|---|---|---|---|---|
CookieStore API | โ 92+ | โ 109+ | โ | โ 86+ | โ 69+ |
Secure flag | โ Yes | โ Yes | โ Yes | โ Yes | โ Yes |
HttpOnly | โ Yes | โ Yes | โ Yes | โ Yes | โ Yes |
Partitioned | โ ๏ธ Exp. Only | โ ๏ธ Exp. Only | โ | โ ๏ธ Exp. Only | โ ๏ธ Exp. Only |