Safari Website Notes

Safari extension to write notes about websites. Shows a badge indicator when visiting any page on a domain that has notes.

Features

• Write notes about any website via toolbar popup
• Domain-level matching: note on github.com shows badge on docs.github.com
• Notes stored locally in browser storage
• Keyboard shortcut: Cmd+S to save

Build & Install

Requires macOS and Xcode.

1. Open WebsiteNotes/WebsiteNotes.xcodeproj in Xcode
2. Select "WebsiteNotes (macOS)" scheme
3. Build and run (Cmd+R)

Enable unsigned extensions (development)

1. Safari → Settings → Advanced → "Show features for web developers"
2. Develop menu → "Allow Unsigned Extensions"
3. Safari → Settings → Extensions → Enable "WebsiteNotes"

Usage

Click the extension icon in Safari toolbar to open the note editor. Notes are saved per domain.

Project Structure

SafariNoteExtension Extension/   # Web extension source
├── manifest.json
├── background.js                # Badge logic, domain matching
├── popup.html/js/css            # Note editor UI
└── images/                      # Icons

WebsiteNotes/                    # Xcode project wrapper
└── WebsiteNotes.xcodeproj