Attach text notes to web pages

Latest Version

Version
0.0.8
Update
October 31, 2024
Size
210KiB
Developer
Category
Users
85
Rating
2.33333 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
UnlimitedStorage
ActiveTab
See more

Floating Web Notes Extension

Floating Web Notes allows you to attach textual notes to web pages, providing just-in-time information as you browse. It's a simple yet powerful tool to make your online experience more productive and personalized. It enhances your browsing by keeping important information at your fingertips.

📎 Seamless Note Attachment:
Easily attach textual notes to any webpage. Your notes appear in a single, non-intrusive window, enhancing your browsing without cluttering your workspace.

📡 URL Pattern Matching:
Customize which webpages your notes appear on using specific URL patterns. This feature is perfect for dynamic websites or when you need the same note across multiple pages or even domains.

😎 Minimalist Design:
Floating Web Notes boasts a minimalist interface, focusing on functionality without unnecessary distractions. Editing URL patterns and accessing user options, like keyboard shortcuts, is straightforward and intuitive.

🔐 Local Data Storage:
All notes are stored directly in your browser, ensuring that your information remains private and secure. Nothing is tracked.

Some example use cases:

- Take personal notes over shared documents
- Save discount codes for online stores
- Highlight useful keyboard shortcuts
- Set reminders for the next time you visit a website

🚀 FUTURE ENHANCEMENTS

Look forward to exciting upcoming features, including the ability to drag the notes window around the screen, export and import notes, note searching, and themes/dark mode for a more custom experience.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Floating Web Notes", "description": "Attach text notes to web pages", "author": "[email protected]", "version": "0.0.8.0", "version_name": "0.0.8", "icons": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" }, "action": { "default_title": "Click to show Floating Web Notes", "default_icon": { "16": "icon16.png", "32": "icon32.png", "48": "icon48.png", "128": "icon128.png" } }, "content_scripts": [ { "js": [ "assets/content.tsx-loader-bXysM-Vr.js" ], "matches": [ "http://*/*", "https://*/*", "http://*:*/*", "https://*:*/*" ], "css": [ "assets/content-NdYX9YCQ.css" ] } ], "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "commands": { "_execute_action": { "suggested_key": { "default": "Alt + N" }, "description": "Toggle the Floating Web Notes window" } }, "web_accessible_resources": [ { "matches": [ "http://*/*", "http://*:*/*", "https://*/*", "https://*:*/*" ], "resources": [ "src/assets/*", "assets/content.tsx-CSSWpjn0.js" ], "use_dynamic_url": false } ], "permissions": [ "storage", "unlimitedStorage", "activeTab" ]}
Read more

How to download and manually install Floating Web Notes extension for Chrome

Looking for a way to install Floating Web Notes extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Floating Web Notes extensions manually, this article outlines two simple methods to effortlessly install Floating Web Notes extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Floating Web Notes extension and manually install through Drag &Drop

If you ever need to manually install a Floating Web Notes extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Floating Web Notes Extension by clicking the "Download CRX" button on the website.

Look for the Floating Web Notes extension you wish to install. Go to the website and download the Floating Web Notes extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Floating Web Notes extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Floating Web Notes extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Floating Web Notes extension for Chrome and install in Developer Mode

This is another method to install Floating Web Notes extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Floating Web Notes extension file

Select and download the Floating Web Notes extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Floating Web Notes extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Floating Web Notes extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Floating Web Notes extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Floating Web Notes extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

ProNoto - AI Sidebar - Notes, Teleprompter & Assistant by GPT-4o Extension · Productivity 85 81 ★ 6.17MiB

icon

Chrome Notes Extension · Productivity 85 195 ★ 25.89KiB

icon

Page note Extension · Productivity 85 0 ★ 15.26KiB

icon

Memo Notepad Extension · Productivity 85 0 ★ 156KiB

icon

Floaty Note Extension · Productivity 85 6 ★ 16.78KiB

icon

Anywhere stickers - simple sticky notes Extension · Productivity 85 80 ★ 41.65KiB

icon

AnyPage Sticky Note Extension · Productivity 85 10 ★ 89.74KiB

icon

Note Now Extension · Productivity 85 5 ★ 4.06MiB

icon

Page Notes Extension · Productivity 85 214 ★ 442KiB

icon

My Notes Extension · Productivity 85 97 ★ 72.19KiB

icon

Web Sticky Notes Extension · Productivity 85 13 ★ 32.0KiB

icon

Notes for Chrome Extension · Productivity 85 0 ★ 102KiB

icon

Browser Note - no more random sticky notes! Extension · Productivity 85 0 ★ 298KiB

icon

Sticky Notes Extension · Productivity 85 2 ★ 4.25MiB

icon

Stickr - Sticky notes for Web Extension · Productivity 85 15 ★ 2.26MiB

icon

Note Sidebar Extension · Productivity 85 60 ★ 564KiB

icon

Markdown Sticky Notes Extension · Productivity 85 10 ★ 1.32MiB

icon

Docamatic - Add Sticky Notes to the Web Extension · Productivity 85 36 ★ 1.85MiB

icon

Page Sidebar | Open any page in side panel Extension · Productivity 85 39 ★ 379KiB

icon

Sticky Notes Plus Extension · Productivity 85 3 ★ 379KiB

icon

matrixNote - notes in side panel Extension · Productivity 85 3 ★ 218KiB

icon

Note Everywhere Extension · Productivity 85 46 ★ 472KiB

icon

Side Note Extension · Productivity 85 3 ★ 125KiB

icon

Firenote: Notes and Todo Lists in New Tab Extension · Productivity 85 9 ★ 366KiB