Advanced Bookmarks

A Chrome extension that replaces the default bookmark dialog with a fast, searchable folder picker. Type to instantly filter through all your bookmark folders — including nested ones — without scrolling through a long flat list.

Chrome Web Store listing: https://chromewebstore.google.com/detail/advanced-bookmarks/lllhlboikkambnobbpjifhkpckiigdio

---

Features

• Fuzzy search — filter folders by name or full path as you type; fuzzy matching finds results even with partial or out-of-order characters
• Smart default folder — auto-guesses the best matching folder from the page title so the right folder is pre-selected on open
• Recent folders first — the folder you most recently bookmarked into appears at the top of the list
• Match highlighting — matched characters are highlighted in the results
• Full path breadcrumbs — shows Bookmarks Bar › Work › Projects under each result
• Keyboard navigation — ↑ ↓ to move, Enter to select, Esc to dismiss
• Edit mode — auto-detects already-bookmarked pages; pre-selects the current folder and shows a Remove button
• Keyboard shortcut — configurable (default suggestion: Alt+D)
• No tracking, no external requests, no dependencies

---

Installation (development / unpacked)

# 1. Clone or download this repo
git clone <repo-url>
cd chrome-advanced-bookmarks-extension

# 2. Generate icons (requires Python 3 — no external packages needed)
make icons

# 3. Load into Chrome
make dev          # opens chrome://extensions in Chrome

Then in Chrome:

1. Enable Developer mode (toggle, top-right of chrome://extensions)
2. Click Load unpacked
3. Select this project folder

The bookmark icon will appear in your toolbar.

Set the keyboard shortcut

Go to chrome://extensions/shortcuts, find Advanced Bookmarks, and assign the shortcut for "Open Advanced Bookmarks dialog" — Alt+D is suggested but any unused combo works.

Note: Chrome reserves Ctrl+D at the browser level; it cannot be overridden by extensions. Use Alt+D or Ctrl+Shift+D instead.

---

Usage

Action	How
Open dialog	Click toolbar icon, or press your configured shortcut
Filter folders	Start typing in the Folder field
Navigate results	↑ / ↓ arrow keys
Select a folder	Enter or click
Dismiss dropdown	Esc
Save bookmark	Enter in Name field, or click Save
Close dialog	Esc (when dropdown is closed), or Cancel
Edit existing	Opens automatically when the current page is already bookmarked
Remove bookmark	Click Remove (visible only in edit mode)

---

Project structure

chrome-advanced-bookmarks-extension/
├── manifest.json          # MV3 extension manifest
├── popup.html             # Dialog UI
├── popup.css              # Styles (Google-inspired design)
├── popup.js               # All logic — vanilla JS, no bundler
├── icons/
│   ├── icon16.png         # Generated by scripts/generate-icons.py
│   ├── icon48.png
│   └── icon128.png
├── screenshots/           # Store listing screenshots
├── scripts/
│   ├── generate-icons.py  # Generates PNG icons (stdlib only)
│   ├── validate.py        # Checks manifest + file references
│   └── resize-screenshots.sh  # Resizes screenshots for store submission
├── Makefile               # Developer shortcuts
└── README.md

---

Development

make icons      # Regenerate PNG icons
make validate   # Check manifest + file references
make pack       # Build a .zip ready for Chrome Web Store submission
make clean      # Remove the build/ directory
make dev        # Open chrome://extensions in Chrome

After any code change, go to chrome://extensions and click the ↺ Reload button on the extension card. No build step required.

---

Publishing to the Chrome Web Store

See PUBLISHING.md for the complete step-by-step guide.

---

Permissions explained

Permission	Why it's needed
bookmarks	Read the folder tree; create, update, move, and delete bookmarks
tabs	Read the active tab's URL and title to pre-fill the dialog

No host permissions are requested. No data leaves the browser.

---

License

MIT