๐Ÿช eggyttyia.cookie.html ๐Ÿช

๐Ÿ“š 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