A Chrome extension that allows you to save ChatGPT responses for later reference. Features a modern popup interface and seamless integration with ChatGPT.
- Auto-detection of ChatGPT responses
- One-click saving with visual feedback
- Multiple response saving from conversation chains
- Context preservation (conversation title, previous messages)
- Modern popup UI showing most recent saved response
- Clean, modern design with smooth animations
- Dark mode support (adapts to ChatGPT's theme)
- Responsive popup with proper scrolling
- Visual feedback for save actions
- Copy to clipboard functionality
- Local storage for privacy and speed
- Export/Import functionality (planned)
- Statistics tracking (total saved, character count)
- Automatic cleanup and organization
extension/
├── manifest.json # Extension configuration
├── content.js # Content script (injects into ChatGPT)
├── content.css # Styles for save buttons
├── popup.html # Popup interface
├── popup.css # Popup styles
├── popup.js # Popup functionality
├── background.js # Service worker
├── icons/ # Extension icons
│ ├── icon16.png
│ ├── icon48.png
│ └── icon128.png
└── README.md # This file
- Clone or download the extension files
- Open Chrome and navigate to
chrome://extensions/ - Enable Developer mode (toggle in top right)
- Click "Load unpacked" and select the
extension/folder - Pin the extension to your toolbar for easy access
Once published to the Chrome Web Store:
- Visit the SaveChat extension page
- Click "Add to Chrome"
- Confirm the installation
- Navigate to ChatGPT (chatgpt.com)
- Start a conversation or open an existing one
- Look for save buttons (💾) that appear next to each response
- Click "Save Response" to save the response
- See confirmation with a green checkmark (✅)
- Click the SaveChat icon in your Chrome toolbar
- View the most recent saved response in the popup
- Copy text with the copy button
- Open web app to see all saved responses
- Save multiple responses from the same conversation
- Each response is saved independently with context
- Navigate through conversation history to save older responses
- All responses are timestamped and organized by date
- MutationObserver for detecting new responses
- Smart button placement in response content
- Context extraction from conversation
- Error handling and retry logic
- Async data loading from Chrome storage
- Real-time updates when new responses are saved
- Copy to clipboard functionality
- Navigation to web app
- Extension lifecycle management
- Data import/export functionality
- Statistics tracking
- Tab monitoring for ChatGPT pages
- Chrome 88+ (Manifest V3)
- Edge 88+ (Chromium-based)
- Opera 74+ (Chromium-based)
- Brave (Chromium-based)
- Modern web browser with extension support
- Basic knowledge of JavaScript and Chrome Extensions API
- Make changes to the extension files
- Reload the extension in
chrome://extensions/ - Test on ChatGPT to see changes
- Use Chrome DevTools for debugging
- Create icons in the required sizes
- Update manifest.json with production details
- Test thoroughly on different ChatGPT pages
- Package for Chrome Web Store
Save buttons not appearing:
- Refresh the ChatGPT page
- Check if the extension is enabled
- Look for console errors in DevTools
Responses not saving:
- Check Chrome storage permissions
- Verify the response has text content
- Look for JavaScript errors
Popup not loading:
- Reload the extension
- Check if Chrome storage is working
- Verify popup files are present
Enable debug logging by:
- Opening
chrome://extensions/ - Finding SaveChat extension
- Clicking "Details"
- Enabling "Allow access to file URLs"
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
For issues and questions:
- Create an issue in the repository
- Check the troubleshooting section
- Review the Chrome Extensions documentation
SaveChat - Never lose a valuable ChatGPT response again! 💾✨