Tab2QR

Available for Firefox and Chrome

A minimalist browser extension to send the page you are currently viewing to your mobile device.

Usage Notes

The extension manifest is defined in src/manifest.ts and used by @samrum/vite-plugin-web-extension in the vite config.

Popup entry point is in the src/entries/popup directory.

To switch between Manifest V2 and Manifest V3 builds, use the MANIFEST_VERSION environment variable defined in .env

HMR during development in Manifest V3 requires Chromium version >= 110.0.5480.0.

Refer to @samrum/vite-plugin-web-extension for more usage notes.

Customize configuration

See Vite Configuration Reference.

Project Setup

This project uses Yarn Zero-Install so no dependency installation is required.

Commands

Build

Development, HMR

Hot Module Reloading is used to load changes inline without requiring extension rebuilds and extension/page reloads

yarn dev

Development, Watch

Rebuilds extension on file changes. Requires a reload of the extension (and page reload if using content scripts)

yarn watch

Production

Minifies and optimizes extension build

yarn build

Load extension in browser

Loads the contents of the dist directory into the specified browser

yarn serve:chromium

yarn serve:firefox

Package extension into .zip file

yarn package

License

MIT

Icons by Freepiks from www.flaticon.com