Warning
This guide is not complete and just the bare minimum.
Install dependencies:
npm inpm run devOpen Chrome and navigate to chrome://extensions/, enable "Developer mode",
and load the unpacked extension from the .output directory.
npm run dev:ffOpen Firefox and navigate to about:debugging#/runtime/this-firefox, then click "Load Temporary Add-on..."
and load the unpacked extension from the .output directory.
This requires the Android Debug Bridge (adb).
In another terminal (or without the watcher run npm build:ff).
npm run watch:ffEnable USB or Wireless Debugging, connect, and get your device name.
adb devicesThen run using your device name.
npm run android -- nameThis type checks the project, builds and zips to the .output directory.
npm run packageTo build the .output directory.
npm run buildTo build and create an archive in the .output directory.
npm run zip:chromeTo build the .output directory.
npm build:ffTo build and create an archive in the .output directory.
npm run zip:ffThis project uses the WXT framework.
To customize the config for development add a web-ext.config.ts to the project root.
// web-ext.config.ts
import { defineWebExtConfig } from 'wxt'
export default defineWebExtConfig({
binaries: {
firefox: 'C:/Program Files/Firefox Developer Edition/firefox.exe',
},
disabled: false,
})