This Chrome extension generates a QR code for the current webpage and displays it in the lower right corner of the browser window. The QR code includes the website's logo in the center and displays the website's domain name and title below.
- Generates a QR code for the current webpage
- Displays the QR code in the lower right corner of the browser window
- Includes the website's favicon as a logo in the center of the QR code
- Shows the website's domain name and title below the QR code
- Clone this repository or download the source code.
- Open Chrome and navigate to
chrome://extensions/. - Enable "Developer mode" in the top right corner.
- Click "Load unpacked" and select the directory containing the extension files.
Once installed, the extension will automatically generate and display a QR code for every webpage you visit. The QR code will appear in the lower right corner of the browser window.
manifest.json: Defines the extension's properties and permissionscontent.js: Contains the main logic for generating and displaying the QR codestyles.css: Defines the styling for the QR code container and related elementsqrcode.min.js: Third-party library for generating QR codes
This extension is built using HTML, CSS, and JavaScript. It uses the qrcodejs library for QR code generation.
If the QR code doesn't appear or disappears quickly, check the browser console for error messages. The extension includes debug logging to help identify issues.
- Add options to customize QR code appearance
- Implement a toggle to show/hide the QR code
- Optimize performance for faster QR code generation