LinkedIn Cookie Helper Chrome Extension

A Chrome extension that helps developers quickly access their LinkedIn session cookie (li_at) for debugging and testing purposes.

⚠️ Important Disclaimer

Using LinkedIn cookies outside of LinkedIn may violate their Terms of Service. This tool is intended only for personal debugging or authorized testing. Use at your own risk.

Features

• 🔍 Quick access to LinkedIn li_at session cookie
• 👁 Masked display with reveal/hide toggle for security
• 📋 One-click copy to clipboard
• 🔒 Privacy-focused: No data leaves your browser
• 🎯 Side panel UI for easy access while on LinkedIn

Requirements

• Chrome browser version 120 or higher
• Active LinkedIn session

Installation

1. Clone or download 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 directory
5. The extension will be installed and ready to use

Usage

1. Navigate to any LinkedIn page (e.g., linkedin.com)
2. Click the extensions icon in Chrome toolbar
3. Select "LinkedIn Cookie Helper" to open the side panel
4. Your li_at cookie will be displayed (masked by default)
5. Click the eye icon to reveal/hide the cookie value
6. Click "Copy Cookie" to copy the value to your clipboard

Project Structure

linkedin_cookie_grabber/
├── manifest.json      # Extension configuration
├── sw.js             # Service worker for background tasks
├── panel.html        # Side panel UI
├── panel.js          # Side panel logic
├── panel.css         # Side panel styling
├── icons/            # Extension icons (placeholder)
├── prd.mkd           # Product Requirements Document
├── CLAUDE.md         # Claude Code guidance
└── README.md         # This file

Development

This extension uses Chrome's Manifest V3 architecture with:

• Service Worker for background operations
• Side Panel API for the UI
• Chrome Cookies API for cookie retrieval
• Clipboard API for copy functionality

Testing

1. Load the extension as unpacked (see Installation)
2. Open Chrome DevTools and check for any errors
3. Test on linkedin.com:
   • Verify cookie is retrieved when logged in
   • Test mask/reveal functionality
   • Test copy to clipboard
   • Verify error handling when not logged in
4. Test on non-LinkedIn sites:
   • Verify side panel is disabled
   • Check appropriate error messages

Icon Generation

The extension currently uses placeholder icons. To generate proper icons:

1. Create a LinkedIn-themed icon (128x128 base size)
2. Generate required sizes: 16x16, 48x48, 128x128
3. Replace placeholder files in the icons/ directory

Security Considerations

• Cookies are only accessed for the LinkedIn domain
• No external network requests are made
• Cookie values are masked by default
• No data persistence or logging
• Strict Content Security Policy enforced

License

This is an internal tool and not licensed for public distribution.