Tab Notes Tab Notes is a Chrome extension that enables users to take notes specifically for each website they visit. When a user…

Latest Version

Version

1.0

Update

September 1, 2024

Size

91.65KiB

Developer

Tab Notes Extension

Tab Notes
Tab Notes is a Chrome extension that enables users to take notes specifically for each website they visit. When a user visits a particular website, they can view, edit, and save notes that are unique to that site. These notes are automatically loaded when the user revisits the same site.

Main Features:
1. Site-Specific Notes:

- The extension stores notes separately for each website. This ensures that notes taken on one website are not visible when visiting another.
- Notes are stored and retrieved based on the URL of the active tab.

2. Rich Text Editing:

- Users can format their notes using rich text options such as bold, italic, and underline.
- Links can be added, and these links become clickable and highlighted when hovered over.

3. Dark Mode Support:

- The extension offers a dark mode option to reduce eye strain. This mode can be toggled on and off using a switch within the extension's popup.
- The dark mode setting is saved locally and remembered the next time the extension is opened.

4. Data Saving and Retrieval:

- Users can save their notes by clicking the \"Save\" button. Notes are stored in Chrome’s local storage and are specific to the user's computer.
- When the user revisits the same site, the saved notes are automatically loaded.

5. Responsive and User-Friendly Interface:

- The user interface is designed to be easy to use on both mobile and desktop devices.
- The logo and title area is clean and organized for a pleasant user experience.

Usage Instructions:
1. Taking Notes:

-After navigating to a website, click on the extension icon.
-Use the \"B\", \"I\", \"U\" buttons to format the text as bold, italic, or underline.

2. Saving Notes:

- To save your notes, click the “Save” button. This saves the notes specifically for the current website.
- The next time you visit the same site, these notes will be automatically loaded.

3. Enabling/Disabling Dark Mode:

- Use the toggle switch in the upper right corner of the extension popup to enable or disable dark mode.
- The dark mode setting is remembered for your next session.

4. Rich Text and Adding Links:

- To format a specific word in your notes, select the word and click the bold, italic, or underline buttons.
- To add a link, click the \"🔗\" icon and enter the desired URL.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Tab Notes", "version": "1.0", "icons": { "48": "icon-48.png" }, "permissions": [ "storage", "activeTab", "scripting" ], "background": { "service_worker": "background.js" }, "action": { "default_popup": "popup.html", "default_icon": { "48": "icon-48.png" } }, "content_scripts": [ { "matches": [""], "js": ["content.js"] } ]}

Download CRX(91.65KiB)