Skip to content

Browser extension that allows for the generation of QR codes linking to arbitrary text on a page

License

Notifications You must be signed in to change notification settings

y330/FragmentQR

Repository files navigation

FragmentQR(FQR)

Chrome Web Store Chrome Web Store Chrome Web Store GitHub

Project Status: Active – The project has reached a stable, usable state and is being actively developed.

Latest Stable version: FragmentQR v1.8.1(See Releases tab(coming soon))

README and website are being revised

Summary

FragmentQR is a QR-code generator that can additionally copy links to snippets of text on a webpage.(See image below)

Introduction

FragmentQR adds a an option to the context menu to copy a link to a snippet of text on a webpage, and within the extension popup you can share that that link usinga QR code.

Getting Started

Installation

FragmentQR is available on 2 different extension stores:

Installation for Chrome

(and any other chromium browser)

Installation for Edge

After you open the extension installation page, click "Add to _insert_browser_name_here_" to install FragmentQR to your browser.

Keyboard Shortcuts and instructions

Instructions

FragmentQR infographic of intructions

  1. Select some text
  2. Open context menu and click "copy link .... to selected text"
  • tip: use Alt + Shift + L to copy text fragment
  1. Click the extension toolbar icon to open the popup
  • tip: use Alt + Q to Open Popup
  1. Click the "paste" button the text fragment link into the popup to generate a QR code.
  2. You can now share the link you copied or scan the QR code to see the relevant text highlighted.

When someone scans that QR or just goes to the link you copied, A feature called Scroll to text fragment allows the text fragment to be detected when they load the webpage, and will scroll your selected text into view and be highlighted in yellow 🟨.

Note: Currently scanning the QR code to see the highlights will mostly only work on Android, but there may be functionality on iOS soon

Once either you or someone else scans the QR code and opens the URL, the browser will open the original webpage and scorll to the selected text which will be highlighted in yellow. 🎉


Supported Browsers

Currently, text fragments are supports in these browsers: note: these are all chromium browsers

  • Chrome 81+ and Microsoft Edge 83+ on all major desktop platforms(mac/win/lin)
  • Google Chrome 90+ on Android
  • Chrome 90+ for Android WebView
  • Opera 62+
  • (Partial)Chrome for iOS: latest version, must enable in chrome://flags

Remember, Fragment is also a functional QR code generator, so even if you cannot use text fragments, you can skip to step 3 of the instructions steps


More Questions?

More FAQs on the Fragment QR Wiki

If you still are in need of an answer feel free to email me with your question


Issues and Changelog

Known issues

  • Theme does not save when changed in options
  • Due to a dependancy on material icon font library, the icon font turns into whatever the icon is called when offline and the library is inaccesibe, so the buttons are messed up when offline
  • 🛑If you find an issue, open a new issue in this repository or post it in the support tab on the Chrome Web Store

Changelog v1.8.1

  • (Released on ✔Chrome Web Store, ✔Updated code in repository, ❌Github release, ❌Edge Add-ons)
  • ✔documentation for how to use, ✔/2 updated pictures, and ❌tutorial video, are coming soon
  1. You can now use the paste button, however there is still a bug that i will fix next release so be aware
  2. Added 1 updated screenshot

Changelog v1.8.0

  • (Released on ✔chrome web store, ✔Updated code in repository, and ❌Github release + ❌Edge Add-ons will be coming soon)

  • ❌documentation for how to use, ❌updated pictures, and ❌tutorial video, are coming soon

  1. Feature improvements, and interface redesigns.
  2. There are some bugs: For now, do not use the paste button, I am working on something that will be much better than it as a replacement.
  3. new logo
  4. Full changelog coming soon

Changelog v1.7.2

  1. Changed options page
  2. New icon
  3. Now available on Microsoft Edge Add-ons
  4. Updated description

Changelog v1.7.1

Changelog v1.7

  1. Fixed Issue # 5: QR now update automatically when typing in the text box
  2. Revamped options page
  3. minor fixes

Changelog v1.6

Changelog v1.5

  1. New icon and name changes to FragmentQR
  2. Paste button now works.
  3. Vast UI and functionality improvements
  4. Added support for copying text framents
  5. Added keyboard shortcuts
  6. Light theme(currently does not save between sessions)

TODO

  • For Version 1.8.x
  • Chrome Web Store
  • Edge Add-ons
  • GitHub Repo
  • 1/2 Revise description on extension web store listing
  • Fix History bug
  • Fix paste button bug
  • 1/2 Update screenshots on store listing(Main picture is updated)
  • 1/2 Update documentation on Extension webpage
  • Make a tutorial video for 1.8.x(Watch tutorial for v1.7.x on YouTube)
  • Add screenshots to the README.md
  • Make new GitHub Release(Zip file in the Releases tab)
  • Organize main popup code: popup.js, popup.css
  • configure extension with rollup.js for development

Links

Similar extensions related to text fragments, but have no user interfaces:

  1. Link to text fragment(by Google. Also inspired this extension)
  2. STTF Url Generator

Privacy policy

I, the developer, attest to the claim that the browser extension FragmentQR does not collect any personal identification information of users whatsoever, and that all other data is stored locally on the user's device.

For the full privacy policy, go to the privacy policy


Developed and Designed by Yonah Aviv

Buy me a coffee

Buy me a coffee

Fragment QR uses some icons from Google's Material Design Icons

Copyright © 2021 Yonah Aviv