Chrome Extension: Bookmark URL Manager

A Chrome extension that allows you to save bookmark URLs to local storage as JSON and export/import them for easy syncing across devices.

Features

• 🔖 Save Bookmarks: Add bookmarks with custom titles and URLs
• 📋 Current Tab: Quickly add the current tab as a bookmark
• 📊 List Management: View, visit, and delete saved bookmarks
• 📤 Export: Export all bookmarks as JSON file for backup
• 📥 Import: Import bookmarks from JSON file (merges with existing)
• 🗑️ Clear All: Remove all saved bookmarks
• 💾 Local Storage: Uses Chrome's local storage API for persistence

Installation

Method 1: Load Unpacked Extension (Developer Mode)

1. Download or clone all the extension files to a folder:

   • manifest.json
   • popup.html
   • popup.js
   • background.js

2. Open Chrome and go to chrome://extensions/

3. Enable "Developer mode" in the top right corner

4. Click "Load unpacked" and select the folder containing the extension files

5. The extension icon should appear in your Chrome toolbar

Method 2: Create Extension Package

1. Zip all the extension files together
2. Follow the same steps as Method 1, but you can also package the extension for distribution

Usage

Adding Bookmarks

1. Current Tab: Click the extension icon and then "Add Current Tab" to automatically fill in the current page's title and URL
2. Manual Entry: Enter a custom title and URL, then click "Add Bookmark"

Managing Bookmarks

• Visit: Click the "Visit" button to open a bookmark in a new tab
• Delete: Click the "Delete" button to remove a bookmark (with confirmation)
• View Count: See the total number of saved bookmarks in the header

Export/Import for Device Syncing

Export Bookmarks

1. Click "Export as JSON" to download a JSON file with all your bookmarks
2. The file will be named with the current date (e.g., bookmarks-2025-01-15.json)
3. Save this file to a cloud service (Google Drive, Dropbox, etc.) or USB drive

Import Bookmarks

1. On your new device, install the extension
2. Click "Choose File" and select your exported JSON file
3. Click "Import" to merge the bookmarks with any existing ones
4. Duplicates (same URL) are automatically skipped

Clear All Bookmarks

• Click "Clear All" to remove all saved bookmarks (requires confirmation)

File Structure

bookmark-extension/
├── manifest.json     # Extension configuration
├── popup.html        # Main UI interface
├── popup.js          # Main functionality
├── background.js     # Service worker
└── README.md         # This file

Technical Details

• Manifest Version: 3 (latest Chrome extension standard)
• Storage: Uses chrome.storage.local API for persistence
• Permissions:
  • storage: For saving bookmarks locally
  • tabs: For getting current tab information
  • activeTab: For accessing current page details
  • downloads: For exporting JSON files
• File Format: Bookmarks are stored as JSON with the following structure:

  [
    {
      "id": 1234567890,
      "title": "Example Site",
      "url": "https://example.com",
      "dateAdded": "2025-01-15"
    }
  ]

Browser Compatibility

• Chrome (Manifest V3 required)
• Chromium-based browsers (Edge, Brave, etc.)

Privacy

• All data is stored locally on your device
• No data is sent to external servers
• The extension only accesses the current tab when you click "Add Current Tab"

Troubleshooting

Extension not loading

• Make sure all files are in the same folder
• Check that Developer Mode is enabled in Chrome
• Refresh the extensions page and reload the extension

Bookmarks not saving

• Check the browser console for errors
• Try clearing Chrome's extension data and reimporting your bookmarks

Import not working

• Ensure the JSON file is valid and contains an array of bookmark objects
• Check that each bookmark has at least a title and url field

Development

To modify the extension:

1. Make changes to the relevant files
2. Go to chrome://extensions/
3. Click the refresh icon on your extension
4. Test the changes in the popup

Support

For issues or feature requests, please check the console logs in the popup (right-click the popup and select "Inspect") for error messages.