QR codes that can highlight any text in yellow when scanned.

Latest Version

Version
1.8.1
Update
May 30, 2021
Size
680KiB
Developer
y330.github.io/FragmentQR
Category
Users
30
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
עברית
See more
Permissions
ActiveTab
ContextMenus
Storage
ClipboardRead
ClipboardWrite
See more

FragmentQR Extension

QR codes and links that highlight specific text on a webpage in yellow when opened.

Made by Yonah Aviv

changelog 1.8
- redesign
- history is initialized and will be activated next micro release (1.8.1)
- added micro interactions to download button and ripple effect to other buttons
- paste button will now auto generate a text fragment link using whatever text you entered in the textarea(experimental)
This is a beta release.

FragmentQR lets you share more relevant content, in 2 ways, each with different applications:

1) The link.
Relevant citations - Academia
• In your citations on your paper, you can highlight quotes you used from websites when your professor or colleagues click on the citation link.
• Minimize the time that is wasted from scrambling through other websites to find your citations and your professor may now spend more time on your actual paper.
Relevant sharing - Social Media/Messaging
• Share just the relevant parts of articles and posts by copying a text fragment link and make life easier.
----------------
2) The QR code.
FragmentQR codes
• What it is: QR codes that direct your customers/audience to contextual portions of text on any website
• Examples:
-Product marketing: Simple and intuitive instruction manual that has a Fragment QR code for each instruction/guidelines that link to the electronic manual and highlights the instructing in yellow.
-Engage your audience by integrating fragment QR codes in your PowerPoint presentations.



Other Features
- Automatically generate QR for current tab
- Save QR as a PNG
- Keyboard shortcuts
- Edit QR code in popup
- Functional utility buttons
- QR code can be made larger
- Clean and responsive design


Steps to use:
1. Select text
2. Right click and select \"Copy text fragment. Next: Open Popup\"
3. Click the extension toolbar icon to open the popup
4. Press the paste button at the bottom left of the toolbar popup

⌨ Shortcuts:
🟨 • Copy text fragment from selected text: Ctrl/⌘ + ⇑ + L
📖 • Open QR popup: Ctrl/⌘ + Q
📋 • Then press the paste button and scan.


Compatibility
Android: Google Chrome 85, Android WebView 81, Samsung Internet, (could be more)
Mac/Win/Linux: Microsoft Edge 83, Chrome 80, Opera 68
IOS: Works

Check out some similar extensions [made by other developers]:
1. Link to text fragment
2. STTF Url Generator





FragmentQR is 100% free with no ads!

Follow us on instagram:
@fragmentqr

⚒ You can view this projects source code on Github:
https://bit.ly/FQRrepository

Privacy policy
As the sdevelopewrs of FragmentQR, the browser extension, does not collect any personal identification information of users for personalization, analytics, tracking, or profit.

This project is licensed under the terms of the MIT license.
Copyright © 2021 Yonah Aviv
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "author": "Yonah Aviv", "background": { "persistent": false, "scripts": [ "js/background_script.js" ] }, "browser_action": { "default_icon": { "16": "img/icon-16.png", "32": "img/icon-32.png", "48": "img/icon-48.png", "128": "img/icon-128.png", "512": "img/icon-512.png" }, "default_popup": "popup.html", "default_title": "__MSG_open_popup__" }, "commands": { "_execute_browser_action": { "description": "__MSG_open_popup__", "suggested_key": { "default": "Alt+Q", "mac": "Alt+Q" } }, "copy_link": { "description": "__MSG_copy_link__", "suggested_key": { "default": "Alt+Shift+L", "mac": "Alt+Shift+L" } } }, "content_scripts": [{ "js": [ "js/content_script.js" ], "matches": [ "https://*/*, http://*/*" ] }], "default_locale": "en", "description": "__MSG_extension_description__", "icons": { "16": "img/icon-16.png", "32": "img/icon-32.png", "48": "img/icon-48.png", "128": "img/icon-128.png", "512": "img/icon-512.png" }, "manifest_version": 2, "minimum_chrome_version": "80", "name": "__MSG_extension_name__", "offline_enabled": true, "permissions": [ "activeTab", "contextMenus", "storage", "clipboardRead", "clipboardWrite" ], "options_ui": { "chrome_style": true, "page": "options.html" }, "short_name": "__MSG_short_name__", "version": "1.8.1"}
Read more

How to download and manually install FragmentQR extension for Chrome

Looking for a way to install FragmentQR 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 FragmentQR extensions manually, this article outlines two simple methods to effortlessly install FragmentQR extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download FragmentQR extension and manually install through Drag &Drop

If you ever need to manually install a FragmentQR 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 FragmentQR Extension by clicking the "Download CRX" button on the website.

Look for the FragmentQR extension you wish to install. Go to the website and download the FragmentQR extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for FragmentQR 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 FragmentQR 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 FragmentQR extension for Chrome and install in Developer Mode

This is another method to install FragmentQR 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 FragmentQR extension file

Select and download the FragmentQR 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 FragmentQR 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 FragmentQR 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 FragmentQR 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 FragmentQR extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

FN Extension · Accessibility 30 15 ★ 214KiB

icon

RetractOMatic Extension · Productivity 30 1 ★ 165KiB

icon

YATM (Yet Another Tab Manager) 3.0 Extension · Productivity 30 5 ★ 51.92KiB

icon

Ext Manager Pro: Your Extensions Control Hub Extension · Productivity 30 2 ★ 256KiB

icon

Extension Manager Extension · Productivity 30 2 ★ 198KiB

icon

BananaTabs Extension · Productivity 30 4 ★ 972KiB

icon

CrosKeys by CrosExperts Extension · Productivity 30 2 ★ 11.58MiB

icon

Close auto-grouped tabs Extension · Productivity 30 2 ★ 38.14KiB

icon

Drumpfinator Extreme Edition Extension · Fun 30 7 ★ 2.01MiB

icon

Copy Text Fragment URL Extension · Productivity 30 1 ★ 148KiB

icon

3rd Toolbar Spacer Extension · Productivity 30 10 ★ 2.69MiB

icon

Deep Link Extension · Developer Tools 30 3 ★ 220KiB

icon

UnderlineMe Notepad Extension · Productivity 30 9 ★ 8.02MiB

icon

Hyperlink from selected text Extension · Productivity 30 8 ★ 33.01KiB

icon

Annotate web pages/CONTEXT Extension · Productivity 30 33 ★ 292KiB

icon

Frame OCR Extension · Productivity 30 1 ★ 348KiB

icon

Site On Panel Extension · Productivity 30 15 ★ 66.91KiB

icon

Sendroid Extension · Social & Communication 30 16 ★ 119KiB

icon

Web Page Highlighter Extension · Productivity 30 16 ★ 11.42KiB

icon

Roughbook: Quick Notes Taking & Productivity Extension · Productivity 30 7 ★ 281KiB

icon

TabPlus Extension · Productivity 30 15 ★ 283KiB

icon

QR Code Generator Extension · Productivity 30 2 ★ 33.25KiB

icon

Anylink - linkify/highlight any text anywhere Extension · Productivity 30 19 ★ 4.14MiB

icon

Extension log Extension · Productivity 30 12 ★ 45.45KiB

User reviews

icon

Eric Zhu (ID: 000000f9b98f6af6) Voted 5 ★ - Updated 06/20/2021 Love it!

icon

Adin Aviv (ID: 000000fd0454802b) Voted 5 ★ - Updated 12/20/2020 100% recommended. This well-developed, great extension is very useful, an ingenious way of using QR codes!