A Chrome extension for sticking notes to webpages and browsing them by domain.
Most note-taking extensions treat example.com/page?a=1 and example.com/page?a=2 as the same page. They strip query parameters and hash fragments, so your notes get mixed up or lost.
Attached Notes keeps query parameters and hash fragments intact. Each unique URL (including its query string and hash) gets its own set of notes. This means page#section1 and page#section2 keep separate notes — perfect for single-page apps or documentation sites where each section matters.
| URL | Notes |
|---|---|
example.com/search?q=js |
Separate notes |
example.com/search?q=python |
Separate notes |
example.com/page#section1 |
Separate notes from example.com/page#section2 |
Click the extension icon on any page to see notes attached to that page. You can add and delete notes right from the popup. Each URL (including its query string and hash fragment) gets its own notes, so page?a=1 and page?a=2 stay separate, and page#section1 is separate from page#section2. There's also an "All Notes" page that groups everything you've saved by domain. Notes survive browser restarts, and the same URL always shows the same notes.
Select text on any webpage, then click the extension icon. The popup pre-fills the note editor with a clickable link back to that exact passage — using the Text Fragments API (#:~:text=…), so the link reopens the page and highlights the text. Add more context after the link, then save.
- Clone or download this repo
- Open Chrome and go to
chrome://extensions - Turn on Developer mode (top-right toggle)
- Click Load unpacked
- Pick the project folder
The extension icon shows up in your toolbar.
Go to any page and click the Attached Notes icon. Type a note and hit Save Note. To capture a quote from the page, select some text first — the popup will pre-fill the editor with a link to that exact passage. To delete a note, open the popup on the page and click ✕. To browse everything, click All Notes in the popup — notes are grouped by domain.
| Permission | Why |
|---|---|
storage |
Saves your notes |
tabs |
Reads the active tab's URL |
scripting |
Reads selected text from the page when the popup opens |
host_permissions: <all_urls> |
Lets the extension read selection from any page |
MIT.