Skip to content

A modern Chrome extension for web developers to view, select, and export website cookies in json, netscape etc formats.

License

Notifications You must be signed in to change notification settings

SSujitX/cookie-selector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

20 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Cookie Selector - Chrome Extension for Cookie Management

Chrome Extension Version License JavaScript Manifest

Smart cookie management for web developers - A professional Chrome extension to view, select, and export website cookies with advanced filtering and multiple format support.

πŸš€ Features

✨ Advanced Cookie Management

  • Real-time cookie viewing for any website domain
  • Smart search functionality with instant filtering
  • Bulk selection controls (Select All/Deselect All)
  • Cookie expansion for detailed information viewing
  • Domain-specific filtering with parent domain support

πŸ“€ Multiple Export Formats

  • JSON (Simple) - Name-value pairs only for quick integration
  • JSON (Complete) - Full cookie data with all attributes
  • Netscape Format - Browser-compatible cookie file format
  • Direct download or clipboard copy functionality

🎯 Developer-Focused Features

  • Permission management with clear error handling
  • Keyboard navigation support for accessibility
  • Responsive design optimized for developer workflows
  • Performance optimized with virtual scrolling for large cookie sets
  • Browser compatibility across Chrome, Edge, and Chromium browsers

πŸ“Έ Screenshots

Main Interface

Cookie Selector Interface

Key Features Shown:

  • πŸͺ Cookie Selector header with version badge
  • πŸ” Smart search functionality for filtering cookies by name or value
  • πŸ“Š Bulk selection controls (Select All/Deselect All with count display)
  • πŸ“€ Export format selection (JSON, JSON All, Netscape formats)
  • πŸ“‹ Cookie list with expandable details and professional styling
  • 🎯 Clean, developer-focused interface optimized for productivity

Professional cookie management interface designed for web developers

πŸ› οΈ Installation

From Chrome Web Store (Recommended)

  1. Visit the Chrome Web Store
  2. Search for "Cookie Selector"
  3. Click "Add to Chrome"
  4. Grant necessary permissions

Manual Installation (Developer Mode)

  1. Download or clone this repository
  2. Open Chrome and navigate to chrome://extensions/
  3. Enable "Developer mode" in the top right
  4. Click "Load unpacked" and select the extension folder
  5. The Cookie Selector extension will appear in your toolbar

πŸ“– Usage Guide

Basic Cookie Management

  1. Navigate to any website
  2. Click the Cookie Selector extension icon
  3. View all cookies for the current domain
  4. Search cookies by name or value using the search box
  5. Select individual cookies or use bulk selection

Advanced Export Options

  1. Choose export format from the dropdown:
    • JSON (name:value pairs)
    • JSON All (complete data)
    • Netscape (browser format)
  2. Select cookies you want to export
  3. Export directly or Export As to choose location
  4. Copy to clipboard for immediate use

πŸ”§ Technical Specifications

Browser Compatibility

  • Chrome 88+ (Manifest V3)
  • Microsoft Edge 88+
  • Chromium-based browsers

Permissions Required

{
  "permissions": ["cookies", "activeTab", "downloads"],
  "host_permissions": ["<all_urls>"]
}

Technology Stack

  • Manifest V3 - Latest Chrome extension standard
  • Vanilla JavaScript - No external dependencies
  • Modern CSS - Responsive design with animations
  • Chrome APIs - Cookies, Downloads, Tabs

🎨 Architecture

File Structure

cookie-manager/
β”œβ”€β”€ manifest.json          # Extension configuration
β”œβ”€β”€ popup.html             # Main interface HTML
β”œβ”€β”€ popup.css              # Styling and animations
β”œβ”€β”€ popup.js               # Core functionality
β”œβ”€β”€ background.js          # Service worker
└── icons/                 # Extension icons
    β”œβ”€β”€ icon16.png
    β”œβ”€β”€ icon32.png
    β”œβ”€β”€ icon48.png
    └── icon128.png

Key Components

  • Cookie API Integration - Real-time cookie access
  • Domain Extraction - Smart domain parsing and validation
  • Export Engine - Multiple format support with file handling
  • UI Components - Responsive interface with accessibility

πŸ”’ Privacy & Security

Data Handling

  • No data collection - All operations are local
  • No external requests - Cookies stay on your device
  • Secure permissions - Only accesses cookies when needed
  • Transparent operations - Open source for full visibility

Security Features

  • Restricted page handling - Cannot access internal browser pages
  • Permission validation - Checks API availability before use
  • Error boundaries - Graceful handling of edge cases
  • Input sanitization - Safe handling of cookie data

πŸ§ͺ Development

Prerequisites

  • Node.js (for development tools)
  • Chrome Browser (for testing)
  • Basic knowledge of JavaScript and Chrome APIs

Setup Development Environment

# Clone the repository
git clone https://github.com/SSujitX/cookie-selector.git

# Navigate to directory
cd cookie-selector

# Load in Chrome (Developer Mode)
# Go to chrome://extensions/ and click "Load unpacked"

Building and Testing

# Test in Chrome
# Load the extension in developer mode
# Test on various websites

# Check console for errors
# Validate permissions and functionality

🀝 Contributing

We welcome contributions! Please see our Contributing Guidelines for details.

How to Contribute

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Development Guidelines

  • Follow ES6+ JavaScript standards
  • Maintain Manifest V3 compatibility
  • Write clean, documented code
  • Test across multiple websites
  • Ensure accessibility compliance

πŸ“‹ Roadmap

Version 1.1.0 (Upcoming)

  • Dark theme support
  • Cookie editing capabilities
  • Import functionality for cookie files
  • Scheduled exports automation

Version 1.2.0 (Future)

  • Multi-domain cookie management
  • Cookie analytics and insights
  • Team sharing features
  • Advanced filtering options

πŸ› Bug Reports & Feature Requests

Found a bug or have a feature idea? We'd love to hear from you!

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

🌟 Keywords

Chrome Extension | Cookie Management | Web Development Tools | JavaScript | Manifest V3 | Developer Tools | Browser Extension | Cookie Export | Web Cookies | Privacy Tools | Developer Productivity | Cookie Viewer | Cookie Editor | Web Development | Browser Tools | Cookie Analysis | JSON Export | Netscape Format | Cookie Debugging | Web Developer | Frontend Development | Browser Automation | Cookie Inspector | Web Security | Cookie Selector


Made with ❀️ for web developers

⭐ Star this repo | πŸͺ Try the extension | πŸ“– Read the docs

About

A modern Chrome extension for web developers to view, select, and export website cookies in json, netscape etc formats.

Resources

License

Stars

Watchers

Forks

Packages

No packages published