🍪 Advanced Cookie Manager

A modern, feature-rich browser extension for managing cookies with beautiful glassmorphism UI

Features • Installation • Usage • Tech Stack • Contributing

📑 Table of Contents

🎯 Overview

Advanced Cookie Manager is a modern Chrome extension built with Manifest V3 that empowers developers and power users to manage browser cookies with precision and elegance. Whether you're debugging authentication flows, testing cookie behavior, or managing session data, this extension provides an intuitive interface with powerful features like import/export, encryption, and password protection.

Who is this for?

👨‍💻 Web developers testing cookie-based authentication
🔒 Security professionals auditing cookie configurations
🧪 QA engineers managing test environments
💼 Anyone needing fine-grained cookie control

Why it exists:
Chrome's built-in cookie management is limited. This extension fills that gap with a developer-friendly UI, multi-format import/export, and security features like AES-256-GCM encryption—all without external dependencies or privacy concerns.

✨ Features

🔍 Core Cookie Management

View Cookies — Display all cookies for current domain or all domains at once
Add Cookies — Create new cookies with full control over name, value, domain, path, expiration, and flags
Edit Cookies — Modify existing cookie values and settings in real-time
Delete Cookies — Remove individual cookies or clear all with a single click
Search & Filter — Quickly find cookies by name, value, or domain using live search
Sort Options — Sort by name, domain, or expiration date for easier navigation

📤 Import/Export

JSON Format — Import and export cookies as structured JSON
Header String — Parse and generate cookie header strings (key=value pairs)
Netscape Format — Full support for Netscape cookie file format (standard .txt files)
Encryption Support — Encrypt exported cookies with AES-256-GCM for secure sharing
Decryption — Import encrypted cookies with password protection

🔐 Security

Password Protection — Optional lock extension with SHA-256 hashed passwords
Auto-Lock — Automatically lock after configurable inactivity period
Export Encryption — AES-256-GCM encryption with random salt and IV
PBKDF2 Key Derivation — 100,000 iterations for strong password-based encryption
No Cloud Storage — All processing happens locally; no external requests

🎨 User Experience

Glassmorphism Design — Modern frosted glass aesthetic
Dark/Light Themes — Toggle between themes with persistent settings
Smooth Animations — CSS transitions for polished interactions
Toast Notifications — Real-time success and error feedback
Copy to Clipboard — One-click copy for cookie values and headers

⚙️ How It Works

Architecture Overview

┌─────────────────────────────────────────────────────────┐
│          Chrome Extension (Manifest V3)                  │
├─────────────────────────────────────────────────────────┤
│                                                           │
│  ┌──────────────────────────────────────────────────┐   │
│  │         Popup UI (popup.html/css/js)             │   │
│  │  • Cookie viewing & management                   │   │
│  │  • Import/Export modals                          │   │
│  │  • Settings & password lock                      │   │
│  └──────────────────────────────────────────────────┘   │
│                        ↕                                 │
│  ┌──────────────────────────────────────────────────┐   │
│  │      Background Service Worker (background.js)   │   │
│  │  • Message relay & communication                 │   │
│  │  • Password hashing (SHA-256)                    │   │
│  │  • Auto-lock timer management                    │   │
│  └──────────────────────────────────────────────────┘   │
│                        ↕                                 │
│  ┌──────────────────────────────────────────────────┐   │
│  │          Utility Modules (utils/)                 │   │
│  │  • storage.js — Chrome storage wrapper           │   │
│  │  • cookieParser.js — JSON/Header parsing         │   │
│  │  • netscapeParser.js — Netscape format support   │   │
│  │  • crypto.js — AES-256-GCM encryption            │   │
│  └──────────────────────────────────────────────────┘   │
│                        ↕                                 │
│  ┌──────────────────────────────────────────────────┐   │
│  │       Chrome APIs                                 │   │
│  │  • chrome.cookies — Query & set cookies          │   │
│  │  • chrome.tabs — Get active tab info             │   │
│  │  • chrome.storage.local — Persistent settings    │   │
│  │  • chrome.runtime — Message passing              │   │
│  └──────────────────────────────────────────────────┘   │
│                                                           │
└─────────────────────────────────────────────────────────┘

Data Flow:

User interacts with popup UI
Popup communicates with background service worker via chrome.runtime.sendMessage()
Service worker handles sensitive operations (hashing, password checks)
Utilities parse and encrypt/decrypt data as needed
Chrome APIs fetch/modify cookies and store settings

📦 Installation

Quick Start (Development Mode)

Clone or download this repository:

git clone https://github.com/dominhduy09/advanced-cookie-manager.git
cd advanced-cookie-manager

Open Chrome/Edge and navigate to chrome://extensions/
Enable Developer Mode (toggle in top-right corner)
Click "Load unpacked" and select the advanced-cookie-manager folder
Verify the extension icon appears in your toolbar

Create Icons (Optional but Recommended)

The extension requires three PNG icon files. See icons/README.md for detailed instructions on:

Using the icon generator
Creating custom icons with design tools
Using emoji-based icons

🚀 Usage

Basic Operations

View Cookies
- Click the extension icon to open the popup
- See all cookies for the current website
- Toggle "All Domains" checkbox to view cookies across all websites
Search & Filter
- Use the search bar to filter by cookie name, value, or domain
- Search is live and case-insensitive
Sort
- Click the sort dropdown to organize by:
  - Name (alphabetical)
  - Domain
  - Expiration date

Adding a Cookie

Click "➕ Add Cookie" button
Fill in required fields:
- Name — Cookie identifier
- Value — Cookie content
Optionally set:
- Domain — Cookie scope (e.g., .example.com)
- Path — URL path restriction (default: /)
- Expiration — Date/time for cookie expiry
- Secure — HTTPS only
- HttpOnly — JavaScript access restriction
- SameSite — CSRF protection (Strict/Lax/None)
Click "Save"

Editing a Cookie

Click the "✏️" icon on any cookie
Modify the desired fields
Click "Save"

Deleting Cookies

Single cookie: Click the "🗑️" icon on the cookie row
All cookies: Click "🗑️ Clear All" (confirmation required)

Importing Cookies

Click "📥 Import" button
Select import format:
- JSON — Structured cookie array
- Header String — Semi-colon separated key=value pairs
- Netscape — Standard cookie file format
Paste or select your cookie data
If encrypted, enter the decryption password
Click "Import"

Examples:

JSON:

[
  {
    "name": "session_id",
    "value": "abc123xyz",
    "domain": ".example.com",
    "path": "/",
    "expirationDate": 1735689600,
    "secure": true,
    "httpOnly": false,
    "sameSite": "Lax"
  }
]

Header String:

session_id=abc123xyz; user_token=xyz789; theme=dark

Netscape:

# Netscape HTTP Cookie File
# This is a generated file!  Do not edit.

.example.com	TRUE	/	TRUE	1735689600	session_id	abc123xyz
.example.com	TRUE	/	FALSE	1735689600	user_token	xyz789

Exporting Cookies

Click "📤 Export" button
Select export format (JSON, Header String, or Netscape)
Optional: Enter a password to encrypt the export
Choose action:
- "📋 Copy" — Copy encrypted/plaintext to clipboard
- "💾 Download" — Save as file to your computer

Encryption Details:

Uses AES-256-GCM encryption algorithm
Derives key from password using PBKDF2...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Choose a tag to compare

Sorry, something went wrong.