Cookie Manager Browser Extension

A powerful browser extension that helps you manage cookies for the current website with advanced features like domain display, individual cookie deletion, and automatic cleanup when leaving pages.

Features

• Display Cookies: View all cookies for the current website with their domain names
• Cookie Details: See comprehensive information including name, value, domain, path, security settings, and expiration
• Individual Deletion: Delete specific cookies with a single click
• Bulk Deletion: Remove all cookies for the current domain at once
• Auto-Cleanup: Automatically delete cookies when leaving the last page of a domain (prevents cleanup when multiple tabs of the same domain are open)
• Modern UI: Clean, responsive interface with smooth animations

Installation

For Chrome/Edge/Brave (Chromium-based browsers):

1. Download the extension files

   • Download or clone this repository to your local machine

2. Open Extensions Page

   • Open your browser and navigate to chrome://extensions/
   • Enable "Developer mode" using the toggle in the top right corner

3. Load the Extension

   • Click on "Load unpacked"
   • Select the cookies-extension folder from your local machine
   • The extension should now appear in your extensions list

4. Verify Installation

   • Look for the Cookie Manager icon in your browser toolbar
   • Click the icon to open the popup interface

For Firefox:

1. Download the extension files

   • Download or clone this repository to your local machine

2. Open Add-ons Page

   • Open Firefox and navigate to about:addons
   • Click the gear icon and select "Debug Add-ons"

3. Load Temporary Add-on

   • Click "Load Temporary Add-on"
   • Navigate to and select the manifest.json file in the extension folder
   • The extension will be loaded temporarily

Usage

Viewing Cookies

1. Navigate to any website
2. Click the Cookie Manager icon in your browser toolbar
3. The popup will display:
   • Current domain name
   • Total number of cookies
   • Detailed list of all cookies

Managing Cookies

• Refresh: Click the "Refresh" button to reload the cookie list
• Delete Single Cookie: Click the "Delete" button next to any cookie
• Delete All Cookies: Click "Delete All Cookies" to remove all cookies for the current domain
• Enable Auto-Cleanup: Check the "Auto-cleanup on page leave" checkbox to automatically delete cookies when you close the last tab of that domain

Cookie Information Displayed

Each cookie shows:

• Name: The cookie name
• Domain: The domain the cookie belongs to
• Value: The cookie value (truncated for long values)
• Path: The cookie path
• Secure: Whether the cookie is HTTPS-only
• HttpOnly: Whether the cookie is HTTP-only
• SameSite: The SameSite attribute
• Expiration: When the cookie expires (or "Session" for session cookies)

Auto-Cleanup Feature

The smart auto-cleanup feature ensures cookies are only deleted when you leave the last page of a particular domain:

• If you have multiple tabs open for example.com, cookies won't be deleted until you close the last tab
• The extension tracks all active tabs and their domains
• Cookies are automatically cleaned up when the last tab for a domain is closed
• You'll receive a notification when cookies are automatically cleaned up

Permissions

The extension requires the following permissions:

• activeTab: Access the currently active tab to get its domain
• cookies: Read and delete cookies
• tabs: Track tab lifecycle for auto-cleanup functionality
• storage: Save user preferences (auto-cleanup settings)
• notifications: Display notifications when cookies are automatically cleaned up
• host_permissions: Access cookies for all domains (<all_urls>)

Files Structure

cookies-extension/
├── manifest.json          # Extension manifest
├── popup.html            # Popup interface HTML
├── background.js         # Background script for tab management
├── assets/               # Asset files
│   ├── css/
│   │   ├── popup.css     # Popup styling
│   │   ├── popup.scss    # Popup SCSS source
│   │   └── popup.css.map # CSS source map
│   └── js/
│       └── popup.js      # Popup functionality
├── icons/                # Extension icons
│   ├── icon16.png        # 16x16 icon
│   ├── icon32.png        # 32x32 icon
│   ├── icon48.png        # 48x48 icon
│   ├── icon128.png       # 128x128 icon
│   └── README.md         # Icon information
└── README.md             # This file

Development

To modify or extend the extension:

1. Edit the source files as needed
2. In Chrome, go to chrome://extensions/
3. Click the "Reload" button for the Cookie Manager extension
4. Test your changes

Troubleshooting

Extension doesn't appear

• Make sure Developer mode is enabled
• Verify you selected the correct folder
• Check the browser console for errors

Cookies not loading

• Ensure you're on a valid website (not chrome:// pages)
• Check that the website actually has cookies
• Verify the extension has proper permissions

Auto-cleanup not working

• Make sure the feature is enabled for the domain
• Check that you're closing the last tab of that domain
• Verify browser notifications are enabled if you don't see cleanup notifications

Browser Compatibility

• ✅ Chrome (Manifest V3)
• ✅ Edge (Chromium-based)
• ✅ Brave
• ✅ Opera (Chromium-based)
• ⚠️ Firefox (Manifest V3 support limited, may require modifications)

Security & Privacy

• This extension only accesses cookies for the currently active tab
• No data is sent to external servers
• All processing happens locally in your browser
• Extension settings are stored locally using Chrome storage API

Contact

If you have any questions or need assistance, please do not hesitate to reach out. I apologize if any part of this setup is not clear; this is my first major project, and I am putting in continuous effort to improve it. Feel free to contact me at info@sadevworks.com or open an issue on the GitHub Repository.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

Author

• Email: info@sadevworks.com
• Website: sadevworks.com
• GitHub: @nvmwhoiam