Giter VIP home page Giter VIP logo

fragmentqr's Introduction

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

fragmentqr's People

Contributors

y330 avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

overandout1

fragmentqr's Issues

Report a bug

What is the bug/issue?

Steps to reproduce the bug

Screen recording or screenshot

Lastajor release of FragmentQR

[ ] Get rid of extra history button
[ ] Finalize things to make them robust
[ ] Add settings button to popup
[ ] Write changelog
[ ] Formulate the webstore description include(intro, tutorial and instructions, features)
[ ] Must include changelog
[ ] Icon will not change yet
[ ] Add privacy policy to store listing
[x] ****use webstore API to publish in command line
[ ] paste contents of FQR 1.7.5 into GitHub/Fragmented-Text-to-QR/FragmentQR and commit
[ ] ------------Steps when finalized----------
[ ] FIRST - push actual code to GitHub repository FragmentQR folder
[ ] SECOND - prepare a folder to be compressed for the releases tab: v1.8.0
[ ] Publish a new release with changelog v1.8 snippet and the zip
[ ] THIRD - use webstore API to pack GitHub/Fragmented-Text-to-QR/FragmentQR and publish it.
[ ] Maybe: chrome publish GitHub/Fragmented-Text-to-QR/FragmentQR

Unable to copy text fragments in version 1.7

CLicking the context menu item or using the keyboard shortcut has no effect.

Steps to reproduce:

  1. select text
  2. Try clicking ctrl+shift+l or clicking a context menu item to "Copy text Fragment"

Brower: Google Chrome 87.0.4280.66
OS: Windows 10

offline icon font issue

Buttons icons turn into text when offline, that overflow the button.
This is due to the dependency on the external recourse material icon font,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.