https://github.com/justforuse/chrome-extension-iframe-qrcode
https://github.com/justforuse/chrome-extension-iframe-qrcode
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/justforuse/chrome-extension-iframe-qrcode
- Owner: justforuse
- License: mit
- Created: 2025-01-02T10:07:26.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2025-01-02T14:45:21.000Z (about 1 year ago)
- Last Synced: 2025-01-02T15:32:59.854Z (about 1 year ago)
- Language: JavaScript
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QR Code Chrome Extension
A simple and elegant Chrome extension that adds QR codes to embedded iframes, making it easy to open and share content on mobile devices.
## Features
- 🔍 Automatically detects iframes on web pages
- 📱 Generates QR codes for iframe sources
- 🖱️ Shows QR code on hover
- 🔗 Includes "Open in new tab" option
- 💨 Lightweight and fast
- 🎨 Clean and minimal design
## Installation
### From Chrome Web Store
1. Visit the [Chrome Web Store](https://github.com/justforuse/chrome-extension-iframe-qrcode)
2. Click "Add to Chrome"
3. Confirm the installation
### Manual Installation
1. Clone this repository or download the ZIP file
2. Open Chrome and go to `chrome://extensions/`
3. Enable "Developer mode" in the top right corner
4. Click "Load unpacked"
5. Select the extension directory
## How to Use
1. Visit any webpage with embedded iframes
2. Hover over the QR code icon that appears in the top-right corner of any iframe
3. Scan the QR code with your mobile device
4. Alternatively, click "Open in new tab" to view the content directly in your browser
## Technical Details
The extension uses:
- Pure JavaScript for functionality
- QRCode.js library for QR code generation
- Chrome Extension Manifest V3
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the LICENSE file for details.
## Support
If you encounter any issues or have suggestions, please open an issue on GitHub.